:root{--background:#F8FAFC;--primary:#0F172A;--border:#E2E8F0;--muted:#64748B;--workspace-navy:#0F172A;--workspace-ice:#EEF2F6}body{font-family:var(--font-sans),"Segoe UI",sans-serif}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}:focus-visible{outline:3px solid #6366F1;outline-offset:4px}.skip-link{position:fixed;top:12px;left:16px;z-index:100;transform:translateY(-180%);padding:12px 20px;background:#0F172A;color:white;border-radius:14px}.skip-link:focus{transform:translateY(0)}.portal-shell{background:var(--background)}.portal-content{background:transparent;padding-bottom:110px;scrollbar-gutter:stable}.workspace-sidebar{width:264px;flex-shrink:0;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:28px;margin:16px 0 16px 16px;height:calc(100dvh - 32px);padding:24px 14px 16px;position:fixed;left:0;top:0;z-index:50;transform:translateX(calc(-100% - 24px));visibility:hidden;transition:transform .25s ease,visibility .25s ease;box-shadow:0 12px 48px rgb(23 49 78/4%)}.workspace-sidebar.is-open{transform:translateX(0);visibility:visible}.sidebar-brand{display:flex;align-items:center;justify-content:space-between;padding:0 10px 24px}.workspace-label{display:flex;align-items:center;gap:9px;background:var(--background);padding:13px 14px;border-radius:16px;font-size:12px;font-weight:600;margin-bottom:24px}.sidebar-caption{color:var(--muted);font-size:10px;letter-spacing:.18em;padding:0 14px;margin-bottom:10px}.sidebar-links{flex:1;overflow-y:auto;min-height:0}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:11px 14px;border-radius:14px;color:var(--muted);font-size:12px;font-weight:500;margin-bottom:4px;transition:background .18s,color .18s}.sidebar-link:hover{background:var(--workspace-ice);color:#102d50}.sidebar-link.active{background:#102d50;color:white;box-shadow:0 5px 12px rgb(16 45 80/15%)}.sidebar-footer{border-top:1px solid var(--border);padding:20px 10px 0;margin-top:16px}.user-avatar{justify-content:center;width:38px;height:38px;border-radius:50%;color:#102d50;background:#dfebf6;font-size:12px;font-weight:700;flex-shrink:0}.user-avatar,.workspace-topbar{display:flex;align-items:center}.workspace-topbar{min-height:72px;justify-content:space-between;gap:12px;padding:14px 20px;border-radius:22px;border:1px solid var(--border);background:var(--card);box-shadow:0 5px 24px rgb(16 45 80/3%)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:50%;background:var(--background);color:var(--muted);flex-shrink:0}.icon-button:hover{color:var(--foreground)}.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;background:#102d50;color:white;border-radius:999px;font-size:12px;font-weight:600;transition:background .18s,transform .18s}.primary-action:hover{background:#214b76;transform:translateY(-1px)}.mobile-dock{position:fixed;bottom:12px;left:14px;right:14px;padding:8px 6px calc(8px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-around;z-index:35;background:var(--card);border:1px solid var(--border);border-radius:26px;box-shadow:0 8px 35px rgb(16 45 80/14%)}.mobile-dock a,.mobile-dock button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:50px;flex:1;border-radius:18px;color:var(--muted);font-size:9px;font-weight:600}.mobile-dock .active{color:white;background:#102d50}.portal-content h1{font-size:clamp(1.5rem,2vw,2rem);letter-spacing:-.045em;line-height:1.2}.portal-content h2,.portal-content h3{letter-spacing:-.025em}.portal-content .bg-white.rounded-2xl,.portal-content .bg-white.rounded-3xl{border-radius:26px;box-shadow:0 6px 24px rgb(16 45 80/4%);border-color:var(--border)}.portal-content input:not([type=checkbox]):not([type=radio]),.portal-content select,.portal-content textarea{min-height:44px;border-radius:14px}.portal-content table{font-size:12px}.portal-content thead th{padding-top:16px;padding-bottom:16px;font-size:10px;letter-spacing:.06em}.portal-content tbody td{padding-top:17px;padding-bottom:17px}.auth-shell{background:var(--background)}.auth-story{display:none;background:#0F172A;border-radius:32px;padding:48px;color:white;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:380px;height:380px;border:1px solid rgb(255 255 255/12%);border-radius:50%;bottom:-120px;right:-80px;box-shadow:0 0 0 60px rgb(255 255 255/3%),0 0 0 120px rgb(255 255 255/3%)}.auth-card{border-radius:32px;box-shadow:0 16px 60px rgb(16 45 80/7%)}.dark{--workspace-ice:rgba(255,255,255,0.06)}.dark .auth-shell,.dark .portal-shell{background:#07090e}.dark .portal-content{background:transparent!important}.dark .sidebar-link:hover{color:#FFFFFF;background:rgba(255,255,255,.05)}.dark .mobile-dock .active,.dark .sidebar-link.active{background:#6366F1;color:#FFFFFF;box-shadow:0 4px 14px rgba(99,102,241,.35)}@media (min-width:1024px){.icon-button.lg\:hidden{display:none}.workspace-sidebar{position:static;transform:none;visibility:visible}.portal-content{padding-bottom:40px}.mobile-dock{display:none}.auth-story{display:flex;flex-direction:column;justify-content:space-between;width:440px;min-height:550px;flex-shrink:0}}@media (max-width:639px){.workspace-topbar{padding:12px;border-radius:20px}.portal-content .p-10,.portal-content .p-8{padding:20px}.portal-content .text-\[10px\],.portal-content .text-\[11px\]{font-size:12px}input,select,textarea{font-size:16px!important}.portal-content .fixed.inset-0{padding:12px}.portal-content .fixed.inset-0>div{max-height:calc(100dvh - 24px);overflow-y:auto}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}