:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#020817;--bg-1:#061427;--bg-2:#091d36;--text-0:#f5fcff;--text-1:#daf4ffd1;--line-soft:#7de9ff1f;--line-strong:#7de9ff42;--glass-bg:linear-gradient(180deg, #ffffff16, #ffffff08);--glass-border:1px solid #7de9ff24;--shadow-deep:0 30px 80px #00000061;--header-offset:24px}*{box-sizing:border-box}html,body{min-height:100%;color:var(--text-0);scroll-behavior:smooth;scrollbar-gutter:stable both-edges;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 12%,#4fe7ff2e,#0000 24%),radial-gradient(circle at 88% 16%,#2e7dff29,#0000 22%),radial-gradient(circle at 50% 80%,#4fe7ff1a,#0000 30%),linear-gradient(#020817 0%,#061427 45%,#091d36 100%);margin:0;padding:0;font-family:Inter,Segoe UI,Arial,sans-serif;overflow-x:hidden}html{scroll-padding-top:var(--header-offset)}body:before{content:"";pointer-events:none;opacity:.28;background-image:linear-gradient(#a0e6ff0f 1px,#0000 1px),linear-gradient(90deg,#a0e6ff0f 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 38%,#0000 90%);mask-image:radial-gradient(circle,#000 38%,#0000 90%)}.app-body{min-height:100vh;overflow-x:clip}a{color:inherit;text-decoration:none}::selection{color:#f8fdff;background:#67e8f93d}button,input,textarea,select{font:inherit}img,video,canvas,svg{max-width:100%;display:block}button,input,textarea,select{transition:border-color .22s,box-shadow .22s,background-color .22s,color .22s,transform .22s}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:2px solid #7de9ffa3}.glass-panel{background:var(--glass-bg);border:var(--glass-border);box-shadow:inset 0 1px 0 #ffffff14, inset 0 -14px 30px #0109162e, var(--shadow-deep);-webkit-backdrop-filter:blur(22px)saturate(150%);position:relative;overflow:hidden}.glass-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff14,#0000 28% 72%,#4fe7ff0f),radial-gradient(circle at 0 0,#ffffff14,#0000 20%);position:absolute;inset:0}.role-chip,.section-kicker,.sidebar-kicker,.auth-kicker{color:#c9f8ff;letter-spacing:.16em;text-transform:uppercase;background:#6be6ff14;border:1px solid #7de9ff2e;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:7px 14px;font-size:.72rem;font-weight:800;display:inline-flex}.portal-shell{z-index:1;grid-template-columns:300px minmax(0,1fr);gap:20px;width:min(1500px,100% - 24px);margin:16px auto 28px;display:grid;position:relative}.portal-glow{filter:blur(80px);opacity:.24;pointer-events:none;z-index:0;border-radius:50%;width:320px;height:320px;position:fixed}.portal-glow-one{background:#4fe7ff4d;top:-40px;left:-80px}.portal-glow-two{background:#2e7dff47;top:20%;right:-100px}.portal-sidebar{border-radius:30px;align-self:start;gap:16px;padding:20px;display:grid;position:sticky;top:16px}.portal-brand{align-items:center;gap:14px;display:flex}.brand-mark{border-radius:18px;width:54px;height:54px;box-shadow:0 18px 35px #1d76ff3d}.portal-brand p,.sidebar-card p,.portal-header p,.metric-card p,.action-card p,.task-card p,.insight-card p,.auth-left p,.form-top p,.auth-message,.not-found-card p{color:var(--text-1);margin:0;line-height:1.7}.portal-brand h1,.portal-header h2,.section-head h3,.form-top h2,.not-found-card h1,.auth-left h1{color:var(--text-0);margin:0}.portal-nav{gap:10px;display:grid}.portal-nav-link{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;transition:transform .24s,border-color .24s,background .24s;display:flex}.portal-nav-link:hover,.portal-nav-link.active{border-color:var(--line-strong);background:#4fe7ff1a;transform:translateY(-2px)}.sidebar-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:18px}.sidebar-card.soft{background:#4fe7ff14}.portal-logout,.primary-auth-btn,.ghost-link{cursor:pointer;border:1px solid #7de9ff38;border-radius:18px;justify-content:center;align-items:center;min-height:54px;padding:0 22px;font-weight:800;transition:transform .24s,box-shadow .24s,border-color .24s;display:inline-flex}.portal-logout,.ghost-link{color:#ecfbff;background:#ffffff0f}.primary-auth-btn{color:#041626;background:linear-gradient(135deg,#7cf6fffa,#2e7dfff2);box-shadow:0 18px 36px #2e7dff47}.portal-logout:hover,.primary-auth-btn:hover,.ghost-link:hover{transform:translateY(-2px);box-shadow:0 20px 40px #06122b42}.portal-main{gap:20px;display:grid}.portal-header{border-radius:30px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.header-badge{border-radius:26px;min-width:180px;padding:22px 20px;box-shadow:0 24px 50px #1869ff47}.header-badge strong,.header-badge span{color:#061221;display:block}.header-badge strong{font-size:1.5rem}.header-badge span{margin-top:6px;font-weight:700}.portal-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;display:grid}.overview-column,.overview-side{gap:20px;display:grid}.section-panel{border-radius:28px;padding:22px}.section-head{justify-content:space-between;gap:16px;margin-bottom:18px;display:flex}.metric-grid,.action-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card,.action-card,.task-card,.insight-card{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:18px}.metric-card span,.action-badge,.task-card small{color:#bcefff;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.metric-card strong{margin:10px 0 6px;font-size:2rem;display:block}.action-card{transition:transform .24s,border-color .24s,box-shadow .24s}.action-card:hover{border-color:var(--line-strong);transform:translateY(-3px);box-shadow:0 22px 40px #0511263d}.action-card h4{margin:12px 0 8px;font-size:1.05rem}.action-card strong{color:#d9faff;margin-top:12px;display:inline-block}.task-list,.insight-list{gap:12px;display:grid}.task-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.status-pill{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.status-live{color:#c6fbff;background:#4fe7ff24}.status-pending{color:#ffe9b2;background:#ffc45224}.status-review{color:#dbe4ff;background:#6085ff29}.status-done{color:#ceffe1;background:#69ffad24}.auth-stage,.not-found-page{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative}.auth-shell{border-radius:34px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:22px;width:min(1440px,100%);padding:24px;display:grid}.auth-left{align-content:start;gap:16px;padding:16px;display:grid}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.role-card{color:var(--text-0);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:24px;padding:18px;transition:transform .24s,border-color .24s,background .24s}.role-card:hover,.role-card.active{border-color:var(--line-strong);background:#4fe7ff1a;transform:translateY(-2px)}.role-card span{color:#baf6ff;letter-spacing:.08em;text-transform:uppercase;background:#ffffff0f;border-radius:999px;margin-bottom:12px;padding:6px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.role-card strong{margin-bottom:8px;font-size:1.05rem;display:block}.role-card p{color:var(--text-1);margin:0;line-height:1.6}.auth-right,.not-found-card{border-radius:30px;padding:24px}.login-form{gap:14px;margin-top:20px;display:grid}.field{gap:8px;display:grid}.field span{color:#d9f7ff;font-size:.88rem;font-weight:700}.field input{color:#f4fcff;background:#ffffff0d;border:1px solid #7de9ff24;border-radius:18px;outline:none;width:100%;min-height:56px;padding:0 16px}.field input:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px #4fe7ff14}.field-hint,.auth-message{font-size:.9rem}.form-footer,.not-found-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.form-footer a{color:#cbf8ff;font-weight:700}.auth-orb{filter:blur(80px);opacity:.28;pointer-events:none;border-radius:50%;width:260px;height:260px;position:fixed}.auth-orb-one{background:#4fe7ff57;top:10%;left:2%}.auth-orb-two{background:#2e7dff52;bottom:10%;right:4%}.not-found-card{text-align:center;width:min(680px,100%)}@media (max-width:1200px){.portal-shell,.portal-grid,.auth-shell{grid-template-columns:1fr}.portal-sidebar{position:static}.metric-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.portal-shell,.auth-stage,.not-found-page{width:min(100%,100% - 16px);margin:12px auto 20px;padding:0}.portal-header{flex-direction:column;align-items:flex-start}.metric-grid,.action-grid,.role-grid{grid-template-columns:1fr}.auth-shell,.portal-sidebar,.portal-header,.section-panel,.auth-right,.not-found-card{border-radius:24px;padding:18px}.header-badge{width:100%}}@media (prefers-reduced-motion:reduce){html,body{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}html,body{line-height:1.5}*{scrollbar-width:thin;scrollbar-color:#38bdf870 #0206176b}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0206175c}::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8b8,#1d4ed8b8);border:2px solid #02061733;border-radius:999px}