:root{--ink:#f3f0e6;--muted:#aaa79e;--line:#3b3933;--blue:#e8dfc8;--surface:#22211e;--bg:#191815}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.topbar{min-height:82px;background:var(--surface);border-bottom:1px solid var(--line);padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-weight:750;color:var(--ink);text-decoration:none}.brand-icon{display:grid;place-items:center;background:var(--blue);color:var(--on-accent);border-radius:10px;width:38px;height:38px}.topbar nav{display:flex;gap:20px;align-items:center}.badge{font-size:12px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.account .badge{margin-left:10px}main{max-width:1200px;margin:0 auto;padding:60px 32px;min-height:calc(100vh - 151px)}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:90px;align-items:center;padding:35px 0}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:750;color:var(--blue);margin:0 0 20px}h1{font-size:clamp(34px,4.5vw,56px);line-height:1.12;letter-spacing:-.045em;margin:0 0 24px}h2{font-size:27px;line-height:1.2;margin:14px 0}.lead{font-size:21px}.muted{color:var(--muted)}.intro .muted{max-width:430px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 10px 35px #1c3e6808}.login-panel form{margin-top:26px}label{display:block;font-size:14px;font-weight:650;margin:18px 0 7px}input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;font:inherit;color:var(--ink);background:var(--surface)}button{font:inherit;cursor:pointer}.primary{display:flex;justify-content:space-between;width:100%;margin-top:25px;padding:12px 17px;background:var(--blue);color:var(--on-accent);border:0;border-radius:7px;font-weight:650}.primary:hover{background:var(--accent)}.quiet{border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:7px 12px}.small{font-size:13px;margin-top:24px}.error{padding:12px;background:#352722;border:1px solid var(--line);color:#f0b0a2;border-radius:8px}.status{display:inline-block;color:#a0d9ba;background:#21352c;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.workspace{max-width:800px}.workspace .panel{margin-top:36px}footer{padding:20px 5%;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:16px}.skip-link{position:absolute;left:10px;top:-60px;background:var(--surface);padding:10px;z-index:5}.skip-link:focus{top:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media(max-width:760px){main{padding:36px 20px}.login-layout{grid-template-columns:1fr;gap:24px;padding:0}.intro h1{font-size:38px}.intro .muted{display:none}.panel{padding:24px}.topbar{flex-wrap:wrap;padding:16px 20px}.topbar nav{flex-wrap:wrap;gap:10px}.account{font-size:13px}.brand{font-size:15px}footer{flex-wrap:wrap}}
.notification-bell{display:inline-flex;gap:.4rem;align-items:center}.live-count:not(:empty){background:var(--accent);color:var(--on-accent);border-radius:1rem;padding:.1rem .4rem;font-size:.75rem}.topbar nav{flex-wrap:wrap}@media(max-width:600px){.topbar{flex-wrap:wrap;gap:.6rem}.topbar nav{width:100%;justify-content:flex-start}.topbar .brand{font-size:1rem}.topbar nav .nav-dashboard{display:inline-flex;font-size:.8rem}.topbar .profile-menu{margin-left:auto}}