.alert-page{max-width:1200px;margin:0 auto;padding:28px}.alert-hero{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:30px;border-radius:22px;background:linear-gradient(135deg,#0f1d3d,#2949a6);color:#fff}.alert-hero a{color:#dbeafe}.alert-hero span{display:block;margin-top:20px;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem}.alert-hero h1{margin:5px 0;font-size:2.2rem}.alert-hero p{margin:0;color:#dbeafe}.alert-hero>strong{display:grid;place-items:center;min-width:86px;height:86px;border-radius:24px;background:#fff;color:#17306d;font-size:2.4rem}.alert-settings,.alert-section,.alert-history{margin-top:20px;padding:22px;border:1px solid #dce3ef;border-radius:18px;background:#fff}.alert-settings{display:flex;justify-content:space-between;gap:25px;align-items:center}.alert-settings h2,.alert-section h2{margin:0}.alert-settings p{margin:5px 0;color:#61708a}.alert-settings form{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.alert-settings button,.alert-card button,.alert-card a{border:0;border-radius:10px;padding:10px 14px;background:#2346a0;color:#fff;text-decoration:none;cursor:pointer}.alert-switch{display:flex;gap:8px;align-items:center}.alert-section>header{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.alert-section>header span{color:#53627a;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.alert-section>header em{font-style:normal;color:#2346a0}.alert-list{display:grid;gap:12px}.alert-card{display:flex;gap:16px;border:1px solid #e1e7f0;border-left:5px solid #f59e0b;border-radius:14px;padding:17px}.alert-card.priority-urgent{border-left-color:#dc2626}.alert-card.priority-high{border-left-color:#f97316}.alert-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:#eef3ff;color:#2346a0;font-weight:800}.alert-content{flex:1}.alert-content>div:first-child,.alert-content footer{display:flex;justify-content:space-between;gap:15px}.alert-content span{color:#2346a0;font-weight:700}.alert-content h3{margin:8px 0 4px}.alert-content p{margin:0;color:#5d6b80}.alert-content footer{align-items:center;margin-top:14px}.alert-content footer>div{display:flex;gap:8px}.alert-content form{margin:0}.alert-content time{font-size:.86rem;color:#6b7280}.alert-empty{padding:30px;text-align:center;color:#397454;background:#f0fdf4;border-radius:12px}.alert-history summary{cursor:pointer;font-weight:700}.alert-history p{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f5;padding:11px 0;margin:0}.alert-history p span{color:#68758a}@media(max-width:760px){.alert-page{padding:14px}.alert-hero,.alert-settings{align-items:stretch;flex-direction:column}.alert-hero>strong{width:76px}.alert-settings form{align-items:stretch;flex-direction:column}.alert-section>header,.alert-content>div:first-child,.alert-content footer,.alert-history p{align-items:flex-start;flex-direction:column}.alert-card{padding:13px}.alert-content footer>div{width:100%;flex-wrap:wrap}}
