:root{--bg-dark:#0a0c10;--bg-page:#0a0c10;--bg-panel:#111318;--bg-card:#1e2330;--bg-elevated:#252c3a;--bg-hover:#252c3a;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--text-dim:#475569;--accent-blue:#5b9cf6;--accent-blue-2:#3d7de4;--accent-teal:#14b8a6;--accent-teal-bright:#38d4c8;--accent-violet:#a78bfa;--accent-prime:#f0b429;--accent-win:#4ade80;--accent-loss:#f87171;--accent-warn:#f0b429;--accent-success:#4ade80;--accent-danger:#f87171;--accent-warning:#f0b429;--accent-purple:#a78bfa;--border-color:#ffffff12;--border-strong:#ffffff1f;--border-highlight:#5b9cf673;--border-teal:#38d4c847;--shadow-neon:0 0 0 1px #5b9cf62e, 0 16px 44px #00000057;--shadow-card:0 4px 24px #00000047;--radius-sm:7px;--radius-md:10px;--radius-lg:16px;--transition-fast:.16s ease;--font-body:"DM Sans", "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:linear-gradient(#111620d1,#0a0c10f7 480px),radial-gradient(at 78% 8%,#f0b42912,#0000 300px),radial-gradient(at 18% 88%,#5b9cf60f,#0000 260px),linear-gradient(135deg,#0000 0 46.8%,#38d4c80e 47% 47.5%,#0000 47.7%),linear-gradient(45deg,#0000 0 52.3%,#a78bfa0a 52.5% 53%,#0000 53.2%),linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:auto,auto,auto,auto,auto,48px 48px,48px 48px;background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{letter-spacing:0;font-weight:600}a{color:var(--accent-blue);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--text-primary)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.glass-card{border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:linear-gradient(160deg,#1e2534fa,#141a26fc);padding:1.5rem;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;border-radius:inherit;opacity:.3;background:linear-gradient(90deg,#5b9cf61f,#0000 22% 78%,#f0b42912),linear-gradient(#ffffff08,#0000 30%);position:absolute;inset:0}.glass-card>*{z-index:1;position:relative}.glass-card:hover{border-color:var(--border-strong)}.app-container{min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:1.75rem 2rem}.header{margin-bottom:1.5rem}.header-title{color:var(--text-primary);font-size:1.75rem;font-weight:800;line-height:1.1}.header-title:after{content:"";background:linear-gradient(90deg, var(--accent-teal-bright), var(--accent-blue), transparent);border-radius:999px;width:3rem;height:2px;margin-top:.55rem;display:block}::selection{background:#5b9cf640}button,input,select,textarea{font-family:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:2px solid #5b9cf68c}@media (width<=920px){.app-container{flex-direction:column}.main-content{padding:1.25rem}.header-title{font-size:1.5rem}}.hide-mobile{display:revert}@media (width<=640px){.hide-mobile{display:none!important}.main-content{padding:.85rem}.header-title{font-size:1.3rem}.header-title:after{width:2rem}.glass-card{padding:.9rem}.workspace-header{margin-bottom:1rem;padding:.5rem .75rem}.workspace-subtitle{display:none}.scrim-team-grid{grid-template-columns:1fr!important}}.glass-card{--mouse-x:50%;--mouse-y:50%}.glass-card:after{content:"";border-radius:inherit;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), #a78bfa1a 0%, #5b9cf60f 35%, transparent 65%);transition:opacity .35s;position:absolute;inset:0}.glass-card:hover:after{opacity:1}@keyframes btn-click-pulse{0%{box-shadow:0 0 #5b9cf6bf}to{box-shadow:0 0 0 14px #5b9cf600}}.btn-primary:active:not(:disabled){animation:.22s ease-out forwards btn-click-pulse}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.main-content>*{animation:.22s both page-fade-in}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.sidebar{border-right:1px solid var(--border-color);background:linear-gradient(160deg,#0000 0 42%,#38d4c80b 42.2% 42.8%,#0000 43.1%),linear-gradient(20deg,#0000 0 58%,#f0b35b09 58.2% 58.7%,#0000 59%),linear-gradient(#0e1118fc,#0a0c10fc);flex-direction:column;flex-shrink:0;gap:.5rem;width:256px;height:100vh;padding:1.25rem .85rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid var(--border-color);margin-bottom:1rem;padding:.2rem .35rem 1rem}.brand-lockup{align-items:center;gap:.7rem;display:flex}.brand-mark{filter:drop-shadow(0 0 14px #38d4c82e);flex-shrink:0;place-items:center;width:2.4rem;height:2.4rem;display:grid}.brand-mark img{width:100%;height:100%;display:block}.logo-name{letter-spacing:-.01em;background:linear-gradient(120deg, #c4b5fd 0%, var(--accent-violet) 45%, var(--accent-blue) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.06rem;font-weight:800;line-height:1}.sidebar-subtitle{letter-spacing:.05em;text-transform:uppercase;color:var(--text-dim);margin-top:.22rem;font-size:.67rem;line-height:1.2}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;display:flex}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);transition:background var(--transition-fast), color var(--transition-fast);border:1px solid #0000;align-items:center;gap:.65rem;padding:.62rem .75rem;font-size:.85rem;font-weight:600;text-decoration:none;display:flex;position:relative}.nav-link svg{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{border-color:var(--border-teal);color:var(--text-primary);background:#38d4c814}.nav-link.active:before{content:"";background:var(--accent-teal-bright);border-radius:999px;width:3px;height:1.2rem;position:absolute;top:50%;left:-.5rem;transform:translateY(-50%)}.nav-link.active svg{color:var(--accent-teal-bright)}.sidebar-auth{border-top:1px solid var(--border-color);margin-top:auto;padding:.85rem .35rem 0}.btn-auth{border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.btn-auth-login{color:var(--accent-blue);background:#5b9cf61a;border-color:#5b9cf647}.btn-auth-login:hover{color:var(--text-primary);background:#5b9cf629;border-color:#5b9cf66b}.btn-auth-logout{border-color:var(--border-color);color:var(--text-muted);background:#ffffff0a}.btn-auth-logout:hover{color:var(--accent-loss);background:#f8717114;border-color:#f8717140}.session-state{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.78rem;display:flex}.sidebar-note{color:var(--text-dim);margin-top:.55rem;font-size:.7rem;line-height:1.45}.sidebar-note.connected{color:var(--accent-win);align-items:center;gap:.4rem;display:flex}.sidebar-note.connected:before{content:"";background:var(--accent-win);border-radius:50%;flex-shrink:0;width:.4rem;height:.4rem;display:inline-block;box-shadow:0 0 8px #4ade8080}.sidebar-auth-divider{background:var(--border-color);height:1px;margin:.75rem 0}.internal-session-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:#ffffff08;gap:.45rem;padding:.7rem;display:grid}.internal-session-name{color:var(--text-primary);overflow-wrap:anywhere;font-size:.82rem;font-weight:800;line-height:1.15}.internal-session-email{color:var(--text-muted);overflow-wrap:anywhere;font-size:.7rem;line-height:1.2}.internal-session-row{grid-template-columns:1fr auto;align-items:center;gap:.45rem;display:grid}.internal-role-badge{min-width:0;color:var(--accent-teal-bright);border:1px solid var(--border-teal);text-overflow:ellipsis;border-radius:999px;padding:.18rem .45rem;font-size:.62rem;font-weight:800;line-height:1.1;overflow:hidden}.internal-session-row .btn-auth{width:auto;padding:.38rem .5rem;font-size:.68rem}.staff-layout{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:1rem;display:grid}.workspace-header{border:1px solid var(--border-color);border-radius:var(--radius-md);background:#111318b8;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.65rem .9rem;display:flex}.workspace-title{color:var(--text-secondary);font-size:.82rem;font-weight:600;line-height:1.1}.workspace-subtitle{color:var(--text-dim);margin-top:.18rem;font-size:.7rem}.workspace-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.workspace-chip{border:1px solid var(--border-color);color:var(--text-dim);font-size:.7rem;font-family:var(--font-mono);letter-spacing:.01em;background:#ffffff08;border-radius:999px;flex-shrink:0;align-items:center;gap:.35rem;padding:.28rem .55rem;font-weight:500;display:inline-flex}.workspace-chip svg{color:var(--accent-prime)}.workspace-chip.connected{color:var(--accent-win);border-color:#4ade8038}.workspace-chip.connected svg{color:var(--accent-win)}.btn-primary{color:#050e1f;border-radius:var(--radius-sm);cursor:pointer;transition:filter var(--transition-fast), box-shadow var(--transition-fast), opacity var(--transition-fast);background:linear-gradient(#6baaf8,#4a85e0);border:1px solid #6baaf866;justify-content:center;align-items:center;gap:.5rem;padding:.62rem 1rem;font-size:.84rem;font-weight:700;display:inline-flex;box-shadow:0 4px 18px #5b9cf638}.btn-primary:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 6px 24px #5b9cf652}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);background:#ffffff0a;justify-content:center;align-items:center;gap:.5rem;padding:.62rem 1rem;font-size:.84rem;font-weight:600;display:inline-flex}.btn-secondary:hover:not(:disabled){border-color:var(--border-strong);color:var(--text-primary);background:#ffffff12}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.input{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font:inherit;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background:#0a0c10cc;outline:none;padding:.6rem .75rem;font-size:.86rem}.input::placeholder{color:var(--text-dim)}.input:focus{border-color:#5b9cf68c;box-shadow:0 0 0 3px #5b9cf61a}.input:disabled{opacity:.45;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ledPulse{0%,to{opacity:1;box-shadow:0 0 6px var(--pulse-color,#4ade80)}50%{opacity:.55;box-shadow:0 0 2px var(--pulse-color,#4ade80)}}.led-pulse{animation:2.4s ease-in-out infinite ledPulse}.team-list-row{transition:background .12s,border-color .12s}.team-list-row:hover{background:#ffffff09!important;border-color:#ffffff1a!important}@media (width<=920px){.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;padding:.85rem;position:static}.sidebar-brand{margin-bottom:.65rem;padding-bottom:.65rem}.sidebar-nav{flex-direction:row;padding-bottom:.2rem;overflow-x:auto}.nav-link{white-space:nowrap;flex-shrink:0}.nav-link.active:before{display:none}.sidebar-auth{margin-top:.65rem;padding-top:.65rem}.staff-layout{grid-template-columns:1fr}.workspace-header{flex-direction:column;align-items:flex-start;margin-bottom:1.25rem}.workspace-meta{justify-content:flex-start}}@media (width<=640px){.sidebar{gap:0;padding:.6rem .75rem}.sidebar-brand{border-bottom:none;margin-bottom:0;padding-bottom:0}.sidebar-subtitle,.logo-name{display:none}.sidebar-nav{flex:unset;gap:.1rem}.nav-link span{display:none}.nav-link{border-radius:var(--radius-sm);justify-content:center;gap:0;min-width:2.4rem;padding:.5rem .6rem}.nav-link.active{background:#38d4c81a}.sidebar-auth{border-top:none;margin-top:0;padding-top:0}.btn-auth span,.sidebar-note{display:none}.btn-auth{justify-content:center;min-width:2.4rem;padding:.5rem .6rem}.internal-session-card{padding:.45rem}.internal-session-name,.internal-session-email,.internal-role-badge,.sidebar-auth-divider{display:none}.internal-session-row{display:block}}.nav-section{flex-direction:column;display:flex}.nav-section-header{border-radius:var(--radius-sm);cursor:pointer;text-align:left;width:100%;color:var(--text-secondary);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:.65rem;padding:.55rem .75rem;font-size:.82rem;font-weight:600;display:flex}.nav-section-header:hover{color:var(--text-primary);background:#ffffff0a}.nav-section-header.active{color:var(--text-primary)}.nav-section-header.active .nav-section-icon svg{color:var(--accent-teal-bright)}.nav-section-icon{color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.nav-section-label{flex:1}.nav-section-chevron{color:var(--text-dim);align-items:center;margin-left:auto;display:flex}.nav-section-items{border-left:1px solid var(--border-color);flex-direction:column;gap:.1rem;margin:.15rem 0 .25rem 1.6rem;padding-left:.6rem;display:flex}.nav-sublink{border-radius:var(--radius-sm);color:var(--text-muted);transition:background var(--transition-fast), color var(--transition-fast);border:1px solid #0000;padding:.38rem .5rem;font-size:.8rem;font-weight:500;text-decoration:none;display:block}.nav-sublink:hover{color:var(--text-primary);background:#ffffff0a}.nav-sublink.active{border-color:var(--border-teal);color:var(--accent-teal-bright);background:#38d4c814;font-weight:600}