.alerts-page [hidden]{display:none!important}.alerts-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.alerts-shell{width:min(1120px,100% - 40px);margin:auto;position:relative}.alerts-hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--accent) 15%,transparent),transparent 30%),linear-gradient(145deg,var(--bg-primary),var(--bg-secondary));padding:132px 0 62px;position:relative;overflow:hidden}.alerts-grid{background-image:linear-gradient(var(--hero-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--hero-grid-line) 1px,transparent 1px);background-size:54px 54px;position:absolute;inset:0;mask-image:linear-gradient(#000,#0000)}.alerts-hero a{color:var(--text-secondary);font-size:12px;text-decoration:none}.alerts-hero .alerts-shell>span,.alerts-access>div>span,.dashboard-head>div>span{color:var(--accent-text);font:700 10px var(--font-mono,monospace);letter-spacing:.15em;margin-top:38px;display:block}.alerts-hero h1{letter-spacing:-.055em;margin:17px 0;font-size:clamp(48px,7vw,86px);line-height:.92}.alerts-hero h1 em{color:var(--accent-text);font-style:normal}.alerts-hero p{max-width:700px;color:var(--text-secondary);font-size:15px;line-height:1.65}.alerts-workspace{padding-block:44px 88px}.alerts-access{border:1px solid var(--border);background:var(--panel-gradient);box-shadow:0 26px 70px var(--shadow-soft);border-radius:24px;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:34px;padding:28px;display:grid}.alerts-access>div>span,.dashboard-head>div>span{margin-top:0}.alerts-access h2,.dashboard-head h2{margin:9px 0 10px;font-size:30px}.alerts-access>div>p,.dashboard-head p{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.65}.alerts-access form{gap:12px;display:grid}.alerts-access label{gap:6px;display:grid}.alerts-access label span{color:var(--text-muted);text-transform:uppercase;font-size:9px}.alerts-access input{border:1px solid var(--border);background:var(--bg-primary);min-height:48px;color:var(--text-primary);font:inherit;border-radius:11px;padding:0 14px}.alerts-access button{background:var(--accent);color:#07130f;cursor:pointer;border:0;border-radius:11px;justify-content:space-between;align-items:center;min-height:48px;padding:0 16px;font-weight:800;display:flex}.alerts-access button:disabled{opacity:.55}.alerts-access form p{background:var(--overlay-2);border-radius:9px;margin:0;padding:10px;font-size:11px}.alerts-access form p.is-success{color:var(--accent-text)}.alerts-access form p.is-error{color:var(--orange-text)}.alerts-access small{color:var(--text-muted);line-height:1.5}.alerts-access a{color:var(--accent-text)}.honeypot{position:absolute;left:-9999px}.alerts-dashboard{border:1px solid var(--border);background:var(--panel-gradient);border-radius:24px;padding:28px}.dashboard-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:end;gap:25px;padding-bottom:22px;display:flex}.dashboard-head>div:last-child{text-align:right;display:grid}.dashboard-head>div:last-child strong{color:var(--accent-text);font:800 42px var(--font-mono,monospace)}.dashboard-head>div:last-child span{color:var(--text-muted);text-transform:uppercase;font-size:9px}.watch-list{gap:9px;margin-top:18px;display:grid}.watch-card{border:1px solid var(--border);background:var(--overlay-1);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:16px;display:grid}.watch-meta>span{color:var(--accent-text);font:700 8px var(--font-mono,monospace);text-transform:uppercase}.watch-meta h3{margin:5px 0 4px;font-size:16px}.watch-meta p{color:var(--text-muted);margin:0;font-size:9px}.watch-controls{align-items:end;gap:8px;display:flex}.watch-controls label{gap:5px;display:grid}.watch-controls label span{color:var(--text-muted);text-transform:uppercase;font-size:8px}.watch-controls select,.watch-controls button{border:1px solid var(--border);background:var(--bg-primary);min-height:44px;color:var(--text-primary);font:inherit;border-radius:9px;font-size:10px}.watch-controls select{padding:0 30px 0 10px}.watch-controls button{cursor:pointer;padding:0 12px}.watch-card.is-pending{border-color:color-mix(in srgb,var(--orange) 28%,var(--border))}.dashboard-status{min-height:18px;color:var(--accent-text);font-size:10px}.dashboard-status.is-error{color:var(--orange-text)}.alerts-dashboard aside{border:1px solid color-mix(in srgb,var(--accent) 22%,var(--border));background:color-mix(in srgb,var(--accent) 4%,transparent);border-radius:14px;grid-template-columns:170px 1fr;gap:20px;margin-top:22px;padding:17px;display:grid}.alerts-dashboard aside p{color:var(--text-secondary);margin:0;font-size:11px;line-height:1.6}.alerts-loading{min-height:240px;color:var(--text-secondary);justify-content:center;align-items:center;gap:12px;display:flex}.alerts-loading i{border:2px solid var(--border);border-top-color:var(--accent-text);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.watch-empty{text-align:center;color:var(--text-muted);padding:50px}@keyframes spin{to{transform:rotate(360deg)}}.watch-card.is-unsubscribed{opacity:1}.watch-card.is-unsubscribed .watch-meta,.watch-card.is-unsubscribed .watch-controls label{opacity:.55}.dashboard-head>div.dashboard-actions{text-align:right;align-items:end;gap:12px;display:flex}.dashboard-actions>div{display:grid}.dashboard-actions button{border:1px solid var(--border);background:var(--bg-primary);min-height:44px;color:var(--orange-text);cursor:pointer;border-radius:9px;padding:0 12px;font:700 9px inherit}.dashboard-actions button:disabled{opacity:.55}.alerts-access input:focus-visible,.alerts-access button:focus-visible,.dashboard-actions button:focus-visible,.watch-controls select:focus-visible,.watch-controls button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}@media (width<=720px){.alerts-shell{width:min(100% - 26px,1120px)}.alerts-hero{padding:112px 0 45px}.alerts-access{grid-template-columns:1fr;padding:20px}.dashboard-head{align-items:start}.dashboard-head>div.dashboard-actions{flex-direction:column;align-items:stretch}.watch-card{grid-template-columns:1fr}.watch-controls{flex-direction:column;align-items:stretch}.watch-controls select,.watch-controls button,.dashboard-actions button{width:100%;min-height:48px}.alerts-dashboard{padding:18px}.alerts-dashboard aside{grid-template-columns:1fr}.alerts-hero h1{font-size:52px}}
