:root{--bg: #f6f8fb;--surface: #ffffff;--accent: #0fa697;--text: #0f1419;--muted: #5b6676;--border: #e6ebf2;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.center{min-height:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.auth{display:flex;flex-direction:column;align-items:center;gap:12px}.auth .logo{height:30px}.tagline{margin:0 0 8px;color:var(--muted);font-size:13px;letter-spacing:.12em;text-transform:uppercase}.fineprint{margin:8px 0 0;color:var(--muted);font-size:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px 36px;max-width:420px;text-align:center;box-shadow:0 8px 30px #0f14190f}.panel .logo{height:26px;margin-bottom:12px}.panel h1{font-size:18px;margin:0 0 8px}.panel p{color:var(--muted);margin:0 0 16px;line-height:1.5}.btn{background:var(--accent);color:#fff;border:0;border-radius:8px;padding:9px 18px;font:inherit;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(.95)}.shell{height:100%;display:flex;flex-direction:column}.bar{height:52px;flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.bar .logo{height:20px}.stage{flex:1;min-height:0;position:relative}.frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:var(--bg)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}