.price-alerts-page [hidden]{display:none!important}.price-alerts-page{background:var(--bg-primary);min-height:100vh;color:var(--text-primary)}.alerts-shell{width:min(1160px,100% - 40px);margin:auto;position:relative}.alerts-hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 31%),radial-gradient(circle at 18% 100%,#8b5cf61a,transparent 27%),linear-gradient(145deg,var(--bg-primary),var(--bg-secondary));padding:132px 0 64px;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)}.hero-content>a{color:var(--text-secondary);font-size:12px;text-decoration:none}.hero-content>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}.hero-content h1{letter-spacing:-.055em;margin:17px 0;font-size:clamp(48px,7vw,86px);line-height:.92}.hero-content h1 em{color:var(--accent-text);font-style:normal}.hero-content p{max-width:760px;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);min-height:48px;color:var(--on-accent);cursor:pointer;border:0;border-radius:11px;justify-content:space-between;align-items:center;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);box-shadow:0 26px 70px var(--shadow-soft);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-actions{text-align:right;align-items:end;gap:12px;display:flex}.dashboard-actions>div{display:grid}.dashboard-actions strong{color:var(--accent-text);font:800 42px var(--font-mono,monospace)}.dashboard-actions span{color:var(--text-muted);text-transform:uppercase;font-size:9px}.dashboard-actions button,.alert-controls button{border:1px solid var(--border);background:var(--bg-primary);min-height:44px;color:var(--orange-text);cursor:pointer;border-radius:9px;padding:0 14px;font:700 9px inherit}.dashboard-actions button:disabled,.alert-controls button:disabled{opacity:.55}.alert-summary{border:1px solid var(--border);background:var(--overlay-1);border-radius:14px;grid-template-columns:repeat(3,1fr);margin:18px 0;display:grid;overflow:hidden}.alert-summary>div{gap:4px;padding:14px 16px;display:grid}.alert-summary>div+div{border-left:1px solid var(--border)}.alert-summary strong{font:800 18px var(--font-mono,monospace)}.alert-summary span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.alert-list{gap:11px;display:grid}.alert-card{border:1px solid var(--border);background:var(--overlay-1);border-radius:15px;grid-template-columns:minmax(200px,.75fr) minmax(360px,1.25fr) minmax(190px,.65fr);align-items:center;gap:20px;padding:18px;transition:border-color .18s,opacity .18s;display:grid}.alert-card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--border))}.alert-card.is-pending{border-color:color-mix(in srgb,var(--orange) 26%,var(--border))}.alert-eyebrow{align-items:center;gap:8px;display:flex}.alert-eyebrow>span:first-child{color:var(--accent-text);font:700 8px var(--font-mono,monospace);text-transform:uppercase}.state{background:var(--overlay-2);color:var(--text-muted);font:700 7px var(--font-mono,monospace);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:3px 7px}.state-active{color:var(--accent-text)}.state-pending{color:var(--orange-text)}.alert-heading h3{margin:7px 0 3px;font-size:18px}.alert-heading h3 a{color:var(--text-primary);text-decoration:none}.alert-heading p{color:var(--text-muted);margin:0;font-size:9px}.alert-rule{border:1px solid var(--border);border-radius:11px;grid-template-columns:1.4fr repeat(3,1fr);display:grid;overflow:hidden}.alert-rule>div{gap:4px;padding:11px;display:grid}.alert-rule>div+div{border-left:1px solid var(--border)}.alert-rule span{color:var(--text-muted);text-transform:uppercase;font-size:7px}.alert-rule strong{font-size:9px;line-height:1.35}.alert-controls{justify-items:end;gap:8px;display:grid}.alert-controls p{color:var(--text-muted);text-align:right;margin:0;font-size:8px;line-height:1.5}.alert-controls button{min-width:118px}.alert-card.is-unsubscribed .alert-controls button{color:var(--accent-text)}.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:190px 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-dashboard aside b{color:var(--text-primary)}.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}.alert-empty{text-align:center;color:var(--text-muted);padding:50px}.alert-empty strong{color:var(--text-primary);font-size:18px;display:block}.alert-empty p{font-size:11px}.alert-empty a{color:var(--accent-text);font-size:11px;font-weight:800;text-decoration:none}@keyframes spin{to{transform:rotate(360deg)}}.alerts-access input:focus-visible,.alerts-access button:focus-visible,.dashboard-actions button:focus-visible,.alert-controls button:focus-visible,.alert-heading a:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px}.alert-card.is-unsubscribed{opacity:1}.alert-card.is-unsubscribed .alert-heading,.alert-card.is-unsubscribed .alert-rule,.alert-card.is-unsubscribed .alert-controls p{opacity:.62}@media (width<=980px){.alert-card{grid-template-columns:1fr 1.4fr}.alert-controls{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center}.alert-controls p{text-align:left}.alert-rule{grid-template-columns:repeat(2,1fr)}.alert-rule>div:nth-child(3){border-left:0;border-top:1px solid var(--border)}.alert-rule>div:nth-child(4){border-top:1px solid var(--border)}}@media (width<=720px){.alerts-shell{width:min(100% - 26px,1160px)}.alerts-hero{padding:112px 0 45px}.hero-content h1{font-size:50px}.alerts-access{grid-template-columns:1fr;padding:20px}.alerts-dashboard{padding:18px}.dashboard-head{flex-direction:column;align-items:start}.dashboard-actions{justify-content:space-between;align-items:stretch;width:100%}.dashboard-actions>div{text-align:left}.dashboard-actions button{min-width:130px}.alert-summary{grid-template-columns:1fr}.alert-summary>div+div{border-left:0;border-top:1px solid var(--border)}.alert-card{grid-template-columns:1fr;padding:15px}.alert-rule{grid-template-columns:1fr 1fr}.alert-controls{grid-column:auto;grid-template-columns:1fr;justify-items:stretch}.alert-controls p{text-align:left}.alert-controls button{width:100%;min-height:48px}.alerts-dashboard aside{grid-template-columns:1fr}}
