:root{--hub-font: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--hub-blue: #2563eb;--hub-blue-hover: #1d4ed8;--hub-emerald: #059669;--hub-emerald-hover: #047857;--hub-slate-900: #0f172a;--hub-slate-700: #334155;--hub-slate-600: #475569;--hub-slate-500: #64748b;--hub-slate-400: #94a3b8;--hub-border: #e2e8f0;--hub-card-bg: #ffffff;--hub-card-shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 25px 50px -12px rgba(15, 23, 42, .12);font-family:var(--hub-font);color:var(--hub-slate-900);background:#f1f5f9;-webkit-font-smoothing:antialiased}html.dark{--hub-card-bg: linear-gradient(165deg, #0f172a 0%, #0c1222 100%);--hub-border: #1e293b;--hub-card-shadow: 0 25px 50px -12px rgba(0, 0, 0, .45);color:#e2e8f0;background:#020617}*,*:before,*:after{box-sizing:border-box}html{overflow-x:clip}body{margin:0;overflow-x:clip}.screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,4vw,40px);position:relative;overflow-x:clip;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(37,99,235,.1),transparent 55%),linear-gradient(180deg,#f1f5f9,#f8fafc,#f1f5f9)}html.dark .screen{background:radial-gradient(ellipse 100% 60% at 50% -20%,rgba(59,130,246,.12),transparent 50%),linear-gradient(180deg,#020617,#0f172a 45%,#020617)}.screen:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(37,99,235,.05) 0%,transparent 45%),radial-gradient(circle at 80% 20%,rgba(16,185,129,.04) 0%,transparent 40%);pointer-events:none}html.dark .screen:before{background-image:radial-gradient(circle at 15% 85%,rgba(59,130,246,.07) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(16,185,129,.05) 0%,transparent 40%)}.screen-inner{position:relative;z-index:1;width:100%;animation:fadeUp .5s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.screen-inner--login{max-width:440px}.screen-inner--hub{max-width:640px;min-width:0;width:100%}.screen.screen--hub{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;min-height:100svh}.screen--hub{position:relative}.screen.screen--hub .screen-inner--hub{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;margin-inline:auto;padding-top:calc(env(safe-area-inset-top,0px) + clamp(5.25rem,14vw,6.75rem));padding-bottom:calc(env(safe-area-inset-bottom,0px) + 5rem);padding-inline:clamp(10px,3.5vw,24px);box-sizing:border-box}.hub-topbar{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;padding-top:calc(env(safe-area-inset-top,0px) + clamp(10px,2.5vw,18px));padding-bottom:clamp(10px,2.5vw,18px);padding-left:calc(env(safe-area-inset-left,0px) + clamp(10px,3vw,24px));padding-right:calc(env(safe-area-inset-right,0px) + clamp(10px,3vw,24px));pointer-events:none;box-sizing:border-box}.hub-topbar__cluster{display:flex;align-items:center;gap:clamp(6px,2vw,12px);margin-left:auto;max-width:min(100%,calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px));min-width:0;pointer-events:auto}.hub-topbar__greeting{margin:0;flex-shrink:1;min-width:0;font-size:clamp(.78rem,2.5vw + .35rem,1.125rem);font-weight:700;letter-spacing:-.02em;line-height:1.35;color:var(--hub-slate-900);text-align:right;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.hub-topbar--dark .hub-topbar__greeting{color:#f8fafc;text-shadow:0 1px 2px rgba(0,0,0,.2)}.hub-topbar__name{color:var(--hub-blue)}.hub-topbar--dark .hub-topbar__name{color:#93c5fd}.hub-topbar--dark .avatar{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.hub-topbar--dark .avatar__initials{color:#93c5fd}.hub-topbar--dark .avatar__ring{border-color:#ffffff2e}.hub-user-menu{position:relative;flex-shrink:0}.hub-user-menu__trigger{display:grid;place-items:center;padding:0;border:none;background:transparent;border-radius:50%;cursor:pointer;box-shadow:0 4px 14px #0f172a1f;transition:transform .15s ease,box-shadow .15s ease;width:clamp(40px,10vw,48px);height:clamp(40px,10vw,48px);flex-shrink:0}.hub-user-menu__trigger .avatar{width:100%!important;height:100%!important;font-size:clamp(.85rem,2.8vw,1.125rem)!important}.hub-user-menu__trigger:hover{transform:scale(1.04);box-shadow:0 6px 20px #0f172a29}.hub-user-menu__trigger:focus-visible{outline:2px solid var(--hub-blue);outline-offset:3px}.hub-topbar--dark .hub-user-menu__trigger{box-shadow:0 4px 16px #00000059}.hub-user-menu__dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:60;min-width:min(220px,calc(100vw - 24px));max-width:calc(100vw - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 20px);padding:10px;border-radius:14px;background:#fff;border:1px solid var(--hub-border);box-shadow:0 18px 40px -12px #0f172a33;animation:hubDropdownIn .18s ease both;box-sizing:border-box}@keyframes hubDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hub-topbar--dark .hub-user-menu__dropdown{background:linear-gradient(165deg,#1e293b,#0f172a);border-color:#334155;box-shadow:0 20px 45px -10px #00000080}.hub-user-menu__email{margin:0 0 8px;padding:4px 8px 10px;font-size:.75rem;line-height:1.35;color:var(--hub-slate-500);word-break:break-all;border-bottom:1px solid var(--hub-border)}.hub-topbar--dark .hub-user-menu__email{color:var(--hub-slate-400);border-bottom-color:#334155}.hub-user-menu__logout{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:11px 14px;border:1px solid var(--hub-border);border-radius:10px;background:#f8fafc;color:var(--hub-slate-700);font-family:inherit;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.hub-user-menu__logout:hover{background:#f1f5f9;border-color:#cbd5e1;color:var(--hub-slate-900)}.hub-topbar--dark .hub-user-menu__logout{background:#1e293b;border-color:#475569;color:#e2e8f0}.hub-topbar--dark .hub-user-menu__logout:hover{background:#334155;border-color:#64748b;color:#f8fafc}.card{width:100%;min-width:0;background:var(--hub-card-bg);border-radius:24px;padding:clamp(28px,5vw,44px);border:1px solid var(--hub-border);box-shadow:var(--hub-card-shadow)}.card--hub{padding:clamp(20px,4.5vw,44px)}.card-dark{background:linear-gradient(165deg,#0f172a,#0c1222);border-color:#1e293b;box-shadow:0 25px 50px -12px #00000073}.card--login{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.card--login .brand-wrap{margin-bottom:16px;align-items:center}.login-text{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.card-kicker{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hub-blue)}.card-dark .card-kicker{color:#93c5fd}.card-title{margin:0;font-size:clamp(1.65rem,4vw,2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--hub-slate-900)}.card-dark .card-title{color:#f1f5f9}.card-lead{margin:0;font-size:.925rem;line-height:1.55;color:var(--hub-slate-500)}.card-dark .card-lead{color:var(--hub-slate-400)}.brand-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.brand-logo-img{max-height:52px;width:auto;max-width:min(100%,280px);object-fit:contain;display:block}.brand-subtitle-line{color:var(--hub-slate-500);font-size:.8rem;font-weight:500;letter-spacing:.01em}.card-dark .brand-subtitle-line{color:var(--hub-slate-400)}.avatar{position:relative;flex-shrink:0;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#bfdbfe);display:flex;align-items:center;justify-content:center}.card-dark .avatar{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.avatar__img{width:100%;height:100%;object-fit:cover;display:block}.avatar__initials{font-weight:700;color:var(--hub-blue);line-height:1;-webkit-user-select:none;user-select:none}.card-dark .avatar__initials{color:#93c5fd}.avatar__ring{position:absolute;inset:0;border-radius:50%;border:2.5px solid rgba(255,255,255,.7);pointer-events:none}.card-dark .avatar__ring{border-color:#ffffff1f}.hub-header--card{display:flex;flex-direction:column;align-items:center;margin-bottom:28px}.hub-header__logo{max-height:48px;width:auto;max-width:min(100%,260px);object-fit:contain;display:block}.hub-header__logo--large{max-height:clamp(52px,12vw,72px);max-width:min(100%,320px);height:auto}.hub-section-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--hub-slate-400);margin-bottom:14px;padding-left:2px}.hub-section-label--center{text-align:center;padding-left:0}.card-dark .hub-section-label,.card-dark .hub-section-label--center{color:#64748b}.svc-grid{display:grid;grid-template-columns:1fr;gap:14px}.svc-card{display:flex;align-items:center;gap:18px;text-decoration:none;color:inherit;padding:22px 24px;border-radius:18px;border:1px solid transparent;background:#fff;position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.svc-card--blue,.svc-card--emerald{border-color:#dbeafe;background:linear-gradient(135deg,#fff,#f0f7ff)}.svc-card:after{content:"";position:absolute;inset:0;opacity:0;transition:opacity .22s ease;pointer-events:none}.svc-card--blue:after{background:linear-gradient(135deg,rgba(37,99,235,.04),transparent 60%)}.svc-card--emerald:after{background:linear-gradient(135deg,rgba(37,99,235,.04),transparent 60%)}.svc-card:hover{transform:translateY(-3px)}.svc-card--blue:hover,.svc-card--emerald:hover{border-color:#93c5fd;box-shadow:0 16px 40px -12px #2563eb2e}.svc-card:hover:after{opacity:1}.svc-card--dark{background:linear-gradient(135deg,#0f172a,#0c1222)}.svc-card--dark.svc-card--blue,.svc-card--dark.svc-card--emerald{border-color:#1e3a8a}.svc-card--dark.svc-card--blue:hover,.svc-card--dark.svc-card--emerald:hover{border-color:#3b82f6;box-shadow:0 16px 40px -12px #2563eb38}.svc-card__icon{flex-shrink:0;width:56px;height:56px;border-radius:16px;display:grid;place-items:center;transition:transform .22s ease}.svc-card:hover .svc-card__icon{transform:scale(1.06)}.svc-card__icon--blue{background:linear-gradient(145deg,#dbeafe,#eff6ff);color:var(--hub-blue)}.svc-card__icon--emerald{background:linear-gradient(145deg,#d1fae5,#ecfdf5);color:var(--hub-emerald)}.svc-card--dark .svc-card__icon--blue{background:linear-gradient(145deg,#1e3a8a,#1e40af);color:#bfdbfe}.svc-card--dark .svc-card__icon--emerald{background:linear-gradient(145deg,#065f46,#047857);color:#a7f3d0}.svc-card__body{flex:1;min-width:0}.svc-card__title{margin:0 0 3px;font-size:1.1rem;font-weight:700;letter-spacing:-.02em}.svc-card--dark .svc-card__title{color:#f1f5f9}.svc-card__desc{margin:0;font-size:.85rem;line-height:1.45;color:var(--hub-slate-500)}.svc-card--dark .svc-card__desc{color:var(--hub-slate-400)}.svc-card__arrow{flex-shrink:0;color:var(--hub-slate-400);transition:transform .22s ease,color .22s ease}.svc-card--blue:hover .svc-card__arrow,.svc-card--emerald:hover .svc-card__arrow{transform:translate(4px);color:var(--hub-blue)}.svc-card--dark .svc-card__arrow{color:#475569}.svc-card--dark.svc-card--blue:hover .svc-card__arrow,.svc-card--dark.svc-card--emerald:hover .svc-card__arrow{color:#93c5fd}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;border:0;border-radius:14px;padding:15px 20px;cursor:pointer;font-family:inherit;font-size:.975rem;font-weight:600;background:var(--hub-blue);color:#fff;box-shadow:0 4px 14px #2563eb4d;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.btn-primary:hover:not(:disabled){background:var(--hub-blue-hover);box-shadow:0 6px 20px #2563eb61}.btn-primary:active:not(:disabled){transform:scale(.99)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-primary--ms{margin-top:4px}.btn-ms-icon{flex-shrink:0}.btn-ghost{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--hub-border);background:transparent;color:var(--hub-slate-500);font-family:inherit;font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:12px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn-ghost:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--hub-slate-700)}.card-dark .btn-ghost{border-color:#334155;color:#94a3b8}.card-dark .btn-ghost:hover{background:#1e293b;border-color:#475569;color:#e2e8f0}.hub-footer{text-align:center;padding-top:24px;font-size:.75rem;color:var(--hub-slate-400);letter-spacing:.01em;padding-inline:4px;overflow-wrap:anywhere}.theme-switcher{position:fixed;right:max(12px,calc(env(safe-area-inset-right,0px) + 8px));bottom:max(12px,calc(env(safe-area-inset-bottom,0px) + 8px));z-index:40;display:grid;place-items:center;border:1px solid var(--hub-border);width:48px;height:48px;border-radius:999px;background:#fff;color:var(--hub-slate-500);cursor:pointer;box-shadow:0 8px 20px #0f172a14;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.theme-switcher:hover{background:#f8fafc;color:var(--hub-slate-900);border-color:#cbd5e1;transform:scale(1.06)}html.dark .theme-switcher{background:#1e293b;border-color:#334155;color:#e2e8f0;box-shadow:0 8px 20px #0000004d}html.dark .theme-switcher:hover{background:#334155;border-color:#475569}@media(max-width:520px){.hub-topbar__cluster{flex-direction:column;align-items:flex-end;gap:8px}.hub-topbar__greeting{max-width:100%;line-height:1.3}.screen.screen--hub .screen-inner--hub{padding-top:calc(env(safe-area-inset-top,0px) + clamp(6rem,28vw,7.25rem))}}@media(max-width:380px){.screen.screen--hub .screen-inner--hub{padding-top:calc(env(safe-area-inset-top,0px) + clamp(6.5rem,34vw,8rem))}}@media(max-width:540px){.svc-card{flex-wrap:wrap;padding:18px;gap:14px}.svc-card__body{min-width:0}.svc-card__arrow{margin-left:auto}}@media(prefers-reduced-motion:reduce){.screen-inner,.hub-user-menu__dropdown{animation:none}}