:root{--bg:#faf9f6;--card:#fff;--ink:#1f2a3d;--muted:#60717a;--border:#e4e7ec;--brand:#0496a6;--danger:#dc2626;--warning:#d97706;--success:#059669}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.shell{grid-template-columns:260px 1fr;min-height:100dvh;display:grid}.nav{border-right:1px solid var(--border);background:#ffffffb8;flex-direction:column;height:100dvh;padding:24px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.02em;margin-bottom:32px;font-weight:800}.nav a{color:var(--muted);border-radius:14px;padding:12px 14px;display:block}.nav a.active,.nav a:hover{color:var(--ink);background:#ecfeff}.main{padding:28px}.grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:20px;box-shadow:0 8px 30px #1f2a3d0d}.card h2{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:14px}.metric{letter-spacing:-.04em;font-size:clamp(28px,5vw,44px);font-weight:800}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.badge{border-radius:999px;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.badge.bad{color:#991b1b;background:#fee2e2}.muted{color:var(--muted)}.feed{gap:10px;display:grid}.feed-item{border:1px solid var(--border);border-radius:16px;padding:12px}@media (max-width:900px){.shell{padding-bottom:72px;display:block}.nav{z-index:10;border:1px solid var(--border);border-radius:24px;grid-template-columns:repeat(5,1fr);height:auto;padding:8px;display:grid;position:fixed;inset:auto 12px 12px;box-shadow:0 12px 40px #1f2a3d2e}.logo{display:none}.nav a{text-align:center;padding:10px 6px;font-size:12px}.nav-foot{display:none}.main{padding:16px}.grid{grid-template-columns:repeat(4,1fr)}.span-3,.span-4,.span-6,.span-8,.span-12{grid-column:span 4}}.nav-foot{border-top:1px solid var(--border);flex-direction:column;gap:10px;margin-top:auto;padding-top:16px;display:flex}.nav-user{flex-direction:column;gap:1px;padding:0 4px;display:flex}.nav-user-name{font-size:14px;font-weight:600}.nav-user-email{color:var(--muted);text-overflow:ellipsis;font-size:12px;overflow:hidden}.nav-signout{border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.nav-signout:hover{color:var(--danger);background:#fef2f2;border-color:#dc262633}.auth-wrap{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex;position:relative;overflow:hidden}.auth-glow{pointer-events:none;background:radial-gradient(60rem 40rem at 50% -10%,#0496a61f,#0000 70%);position:absolute;inset:0}.auth-col{width:100%;max-width:420px;position:relative}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:24px;flex-direction:column;align-items:center;gap:22px;padding:40px 32px;display:flex;box-shadow:0 12px 40px #1f2a3d14}.auth-card--center{text-align:center;width:100%;max-width:420px;margin:0 auto}.auth-badge{background:var(--brand);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.auth-head{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.auth-title{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700}.auth-title--sm{font-size:18px}.auth-sub{color:var(--muted);margin:0;font-size:15px}.auth-actions{flex-direction:column;gap:12px;width:100%;display:flex}.gbtn{border:1px solid var(--border);width:100%;height:46px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.gbtn:hover:not(:disabled){background:#f8fafc;border-color:#cfd6dd}.gbtn:disabled{opacity:.7;cursor:default}.gbtn-spin{animation:1s linear infinite guardian-spin}@keyframes guardian-spin{to{transform:rotate(360deg)}}.auth-note{width:100%;color:var(--muted);background:#f3f6f8;border-radius:12px;align-items:flex-start;gap:8px;padding:12px 14px;font-size:14px;display:flex}.auth-note strong{color:var(--ink);font-weight:600}.auth-note>svg,.auth-warn>svg{color:var(--brand);flex:none;margin-top:1px}.auth-warn{width:100%;color:var(--ink);background:#d977061a;border:1px solid #d977064d;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:14px;display:flex}.auth-warn>svg{color:var(--warning)}.auth-error{width:100%;color:var(--danger);background:#dc262614;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:14px;display:flex}.auth-foot{text-align:center;color:var(--muted);margin-top:22px;font-size:12px}.auth-callback{flex-direction:column;align-items:center;gap:12px;display:flex}.auth-callback-icon{border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.auth-callback-icon--error{color:var(--danger);background:#dc26261a}.auth-retry{background:var(--brand);color:#fff;border-radius:10px;align-items:center;height:40px;margin-top:6px;padding:0 20px;font-size:14px;font-weight:600;display:inline-flex}