:root{--bg0: #070b16;--bg1: #0b1230;--card: rgba(20, 28, 66, .78);--card2: rgba(18, 24, 54, .72);--stroke: rgba(255, 255, 255, .08);--stroke2: rgba(255, 255, 255, .12);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .68);--shadow: 0 20px 60px rgba(0, 0, 0, .55);--radius: 16px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1200px 800px at 60% 20%,rgba(75,90,255,.22),transparent 60%),radial-gradient(900px 700px at 20% 70%,rgba(0,255,170,.09),transparent 60%),linear-gradient(180deg,var(--bg1),var(--bg0));overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(900px 600px at 50% 40%,#0000001a,#0000008c);opacity:.85}.card{background:linear-gradient(180deg,var(--card),var(--card2));border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.muted{color:var(--muted);line-height:1.55}.input{width:100%;padding:12px;border-radius:12px;border:1px solid var(--stroke);background:#00000040;color:var(--text);outline:none}.input:focus{border-color:var(--stroke2);box-shadow:0 0 0 3px #5a6eff29}.btn{border:1px solid var(--stroke);background:#192350a6;color:var(--text);padding:10px 14px;border-radius:12px;cursor:pointer;transition:transform .06s ease,border-color .2s ease,background .2s ease}.btn:hover{border-color:var(--stroke2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:#465fff61;border-color:#788cff59}.btn-ghost{background:#0000002e}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px 16px;position:relative}.auth-wrap{width:min(820px,100%);position:relative}.auth-brand{text-align:center;font-weight:800;letter-spacing:.4px;font-size:38px;margin-bottom:10px;text-shadow:0 10px 40px rgba(0,0,0,.55)}.auth-card{background:linear-gradient(180deg,#19224eb3,#1016349e);border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:var(--radius);padding:22px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-title{margin:0 0 14px;font-size:26px;font-weight:800}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid-2 .span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;color:#ffffffbf}.btn-row{margin-top:14px;display:flex;gap:10px;flex-wrap:wrap}.notice{margin-top:14px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#0003;color:#ffffffe0}@media (max-width: 720px){.form-grid{grid-template-columns:1fr}.form-grid-2 .span-2{grid-column:auto}.auth-brand{font-size:30px}}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;padding:18px 16px;background:#090d1c8c;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-inner{width:min(1200px,100%);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{font-weight:800;font-size:22px;letter-spacing:.3px}.topbar-right{display:flex;align-items:center;gap:10px}.user-pill{padding:8px 10px;border-radius:999px;border:1px solid var(--stroke);background:#00000029;color:#ffffffd1;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-main{width:min(1200px,100%);margin:0 auto;padding:22px 16px 40px;display:grid;grid-template-columns:2fr 1fr;gap:16px}.content-col,.status-col{min-width:0}@media (max-width: 980px){.app-main{grid-template-columns:1fr}}