:root{color-scheme:light dark;--bg:#fbf9f7;--fg:#1c1917;--muted:#8a7d75;--border:#efe7e1;--tile:#f2ece7;--accent:#ea580c;--radius:18px;--ok:#16a34a;--warn:#f59e0b;--bad:#ef4444;--off:#b8aca3}@media (prefers-color-scheme:dark){:root{--bg:#100e0c;--fg:#f0e9e4;--muted:#9a8c83;--border:#241c18;--tile:#1c1815;--accent:#fb923c;--ok:#22c55e;--warn:#fbbf24;--bad:#f87171;--off:#5a4f48}}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}.wrap{max-width:720px;margin:0 auto;padding:44px 20px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.brand{font-size:22px;font-weight:700;letter-spacing:-.02em}.pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);background:var(--tile);border-radius:999px;padding:7px 14px;transition:opacity .15s}.pill:hover{opacity:.8}.dot{width:9px;height:9px;border-radius:50%;flex:none}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.dot.off{background:var(--off)}.card{background:var(--tile);border-radius:var(--radius);padding:28px;max-width:430px}.card h2{margin:0 0 6px;font-size:21px;letter-spacing:-.02em}.card p{margin:0 0 18px;color:var(--muted);font-size:14px}.btn{font:inherit;font-size:14px;font-weight:600;border-radius:12px;padding:11px 18px;cursor:pointer;border:none;transition:opacity .15s}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{opacity:.9}.btn-ghost{background:var(--tile);color:var(--muted)}.btn-ghost:hover,.input{color:var(--fg)}.input{font:inherit;font-size:15px;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent)}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch}.error{color:var(--bad);font-size:13px;margin-top:10px}.muted{color:var(--muted);font-size:14px}.userbar{justify-content:space-between;margin-bottom:22px}.email,.userbar{display:flex;align-items:center}.email{font-size:14px;gap:9px}.badge,.email{color:var(--muted)}.badge{font-size:11px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--tile)}.badge.owner{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.badge.family{color:var(--ok);background:color-mix(in srgb,var(--ok) 15%,transparent)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px}.app{background:var(--tile);border-radius:var(--radius);padding:18px;transition:transform .15s;display:block}.app:hover{transform:translateY(-3px)}.app .ic{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;margin-bottom:13px}.app .ic svg{width:21px;height:21px}.app .name{font-weight:600;font-size:15px;letter-spacing:-.01em}.app .desc{color:var(--muted);font-size:13px;margin-top:3px}