:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8ecf1;background:#0b1020;--color-bg-primary: #0b1020;--color-bg-secondary: #12192d;--color-bg-card: rgba(12, 18, 35, .72);--color-bg-sidebar: rgba(8, 12, 24, .95);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--color-accent: #5d6bff;--color-accent-hover: #7c3aed;--color-success: #6bff9e;--color-error: #ff6b6b;--color-text-muted: #8da2c0;--color-text-primary: #e8ecf1;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition: all .2s ease}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:radial-gradient(circle at 20% 0%,rgba(93,107,255,.15),transparent 50%),radial-gradient(circle at 80% 100%,rgba(124,58,237,.1),transparent 50%),linear-gradient(180deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;padding:1.5rem;background:var(--color-bg-sidebar);border-right:1px solid var(--color-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.brand-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#5d6bff33,#7c3aed33);border-radius:var(--radius-md);border:1px solid var(--color-border)}.brand-icon svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.brand-text{display:flex;flex-direction:column;gap:.1rem}.brand-name{font-size:1.15rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.brand-tagline{font-size:.75rem;color:var(--color-text-muted);font-weight:500}.nav{display:flex;flex-direction:column;gap:.5rem;flex:1}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:var(--transition);border:1px solid transparent}.nav-link:hover{color:var(--color-text-primary);background:#ffffff08}.nav-link.active{color:var(--color-accent);background:linear-gradient(135deg,#5d6bff26,#7c3aed1a);border-color:#5d6bff4d}.nav-link svg{opacity:.7;transition:var(--transition)}.nav-link:hover svg,.nav-link.active svg{opacity:1}.sidebar-footer{margin-top:auto;padding-top:1.5rem;border-top:1px solid var(--color-border)}.logout-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.85rem 1rem;border-radius:var(--radius-md);background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem;font-weight:500;cursor:pointer;transition:var(--transition)}.logout-btn:hover{color:var(--color-error);background:#ff6b6b1a;border-color:#ff6b6b4d}.content{display:flex;flex-direction:column;padding:2rem;overflow-x:hidden}.page-content{flex:1}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.topbar-title{display:flex;flex-direction:column;gap:.25rem}.eyebrow{text-transform:uppercase;font-size:.7rem;letter-spacing:.15em;color:var(--color-accent);font-weight:600}.topbar h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.user-pill{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.25rem;border-radius:999px;background:var(--color-bg-card);border:1px solid var(--color-border);font-size:.9rem;font-weight:500}.user-pill svg{color:var(--color-text-muted)}input,select,button{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-card);color:inherit;padding:.9rem 1.1rem;font-size:.95rem;transition:var(--transition);outline:none}input:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #5d6bff26}input::placeholder,select::placeholder{color:var(--color-text-muted)}label{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-muted)}button{background:linear-gradient(135deg,var(--color-accent),var(--color-accent-hover));border:none;font-weight:600;cursor:pointer;box-shadow:var(--shadow-md)}button:hover{transform:translateY(-1px);box-shadow:var(--shadow-lg)}button:active{transform:translateY(0)}button:disabled{opacity:.6;cursor:not-allowed;transform:none}.card{padding:1.75rem;border-radius:var(--radius-lg);background:var(--color-bg-card);border:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.card h2{font-size:1.25rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.form,.form form{display:flex;flex-direction:column;gap:1rem}.grid{display:grid;gap:1.5rem}.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.span-2{grid-column:span 2}.list{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem;border-radius:var(--radius-md);background:#ffffff08;border:1px solid transparent;transition:var(--transition)}.list-item:hover{background:#ffffff0d;border-color:var(--color-border)}.list-item strong{font-weight:600;color:var(--color-text-primary)}.list-item span{color:var(--color-text-muted);font-size:.875rem}.auth-layout{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 20% 0%,rgba(93,107,255,.1),transparent 50%),radial-gradient(circle at 80% 100%,rgba(124,58,237,.08),transparent 50%)}.auth-layout .card{width:min(420px,100%);text-align:center}.auth-layout .card h1{font-size:1.75rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-subtitle{color:var(--color-text-muted);font-size:.95rem;margin-bottom:1.5rem;margin-top:0}.auth-submit{margin-top:.5rem}.auth-footer{margin-top:1.5rem!important;padding-top:1rem;border-top:1px solid var(--color-border)}.auth-logo-svg{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.auth-logo{display:flex;justify-content:center;margin-bottom:1.5rem}.auth-layout p{color:var(--color-text-muted);font-size:.9rem;margin-top:1rem}.auth-layout a{color:var(--color-accent);font-weight:600;transition:var(--transition)}.auth-layout a:hover{color:var(--color-accent-hover);text-decoration:underline}.token-box{padding:1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,#5d6bff1a,#7c3aed14);border:1px solid rgba(93,107,255,.2)}.token-box p{color:var(--color-text-muted);font-size:.875rem;margin-bottom:.5rem}.token-box code{display:block;padding:.75rem;background:#0000004d;border-radius:var(--radius-sm);font-family:Monaco,Menlo,monospace;font-size:.85rem;word-break:break-all;color:var(--color-success)}.button-row{display:flex;flex-wrap:wrap;gap:.75rem}.button-row button{padding:.75rem 1.25rem;font-size:.875rem}.field-error{display:flex;align-items:center;gap:.5rem;color:var(--color-error);font-size:.85rem;padding:.6rem .75rem;background:#ff6b6b1a;border-radius:var(--radius-sm);border-left:3px solid var(--color-error)}.success-msg{display:flex;align-items:center;gap:.5rem;color:var(--color-success);font-size:.85rem;padding:.6rem .75rem;background:#6bff9e1a;border-radius:var(--radius-sm);border-left:3px solid var(--color-success)}.auth-layout .card p:has-text("Restoring session"){color:var(--color-text-muted);font-style:italic}@media(max-width:1024px){.shell{grid-template-columns:220px 1fr}.content{padding:1.5rem}}@media(max-width:768px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--color-border);padding:1rem}.brand{margin-bottom:1rem;padding-bottom:1rem}.nav{flex-direction:row;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.nav-link{white-space:nowrap}.sidebar-footer{display:none}.two-columns{grid-template-columns:1fr}.span-2{grid-column:span 1}.topbar{flex-direction:column;align-items:flex-start;gap:1rem}.user-pill{align-self:flex-end}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}