:root{font-family:Open Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#344767;background:#f8f9fe;font-synthesis:none;--bg:#f8f9fe;--card:#fff;--card-soft:#f7f8fb;--text:#344767;--muted:#8392ab;--border:#e9ecef;--shadow:0 20px 27px 0 rgba(0,0,0,.05);--primary:#5e72e4;--primary-2:#825ee4;--success:#2dce89;--warning:#fb6340;--danger:#f5365c;--info:#11cdef;--chart-grid:#e9ecef}:root[data-theme=dark]{color:#e9ecef;background:#111c2d;--bg:#111c2d;--card:#17243a;--card-soft:#1e2d45;--text:#f3f5f7;--muted:#a0aec0;--border:#2c3e55;--shadow:0 20px 35px rgba(0,0,0,.22);--chart-grid:#30425c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{position:fixed;z-index:40;top:16px;bottom:16px;left:18px;width:250px;padding:18px 14px;background:var(--card);border:1px solid rgba(226,232,240,.55);border-radius:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .24s ease,background .2s ease}.brand{display:flex;align-items:center;gap:12px;padding:5px 8px 15px}.brand-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;color:#fff;background:linear-gradient(310deg,var(--primary),var(--primary-2));box-shadow:0 6px 16px #5e72e447}.brand strong,.brand span{display:block}.brand strong{font-size:14px}.brand span{margin-top:2px;font-size:12px;color:var(--muted)}.sidebar-rule{height:1px;background:linear-gradient(90deg,transparent,var(--border),transparent);margin:0 3px 18px}.nav-label{padding:0 13px;margin-bottom:8px;font-size:10px;font-weight:800;letter-spacing:.13em;color:var(--muted)}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{display:flex;align-items:center;gap:10px;border-radius:10px;padding:10px 12px;color:var(--muted);font-size:13px;font-weight:700;transition:background .18s,color .18s,transform .18s}.nav-item:hover{background:var(--card-soft);color:var(--text);transform:translate(2px)}.nav-item.active{background:var(--card);color:var(--text);box-shadow:0 5px 14px #00000012}.nav-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--card);color:var(--primary);box-shadow:0 4px 10px #0000000f}.nav-item.active .nav-icon{color:#fff;background:linear-gradient(310deg,var(--primary),var(--primary-2));box-shadow:0 5px 12px #5e72e447}.sidebar-foot{margin-top:auto;padding:12px 4px 0}.help-card{padding:14px;border-radius:14px;background:linear-gradient(145deg,#f8f9fa,#eef1f5);color:#344767}.help-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--primary);box-shadow:0 4px 12px #0000000f;margin-bottom:12px}.help-card strong,.help-card span{display:block}.help-card strong{font-size:12px}.help-card span{font-size:11px;line-height:1.45;margin-top:5px;color:#67748e}:root[data-theme=dark] .help-card{background:linear-gradient(145deg,#22334d,#1b2a40);color:var(--text)}:root[data-theme=dark] .help-card span{color:var(--muted)}.sidebar-backdrop{display:none}.workspace{margin-left:286px;min-height:100vh;position:relative}.top-band{position:absolute;inset:0 0 auto;height:255px;background:linear-gradient(310deg,#5e72e4,#825ee4);z-index:0}.top-band:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 28% 28%,rgba(255,255,255,.09),transparent 19%)}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 34px 12px;color:#fff}.topbar-left{display:flex;align-items:center;gap:12px}.breadcrumbs{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.83}.breadcrumbs i{font-style:normal;opacity:.55}.breadcrumbs strong{color:#fff}.topbar h1{font-size:15px;margin:4px 0 0;font-weight:700;color:#fff}.topbar-actions{display:flex;align-items:center;gap:9px}.provider-badge,.notification-badge,.header-count{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:800;letter-spacing:.03em}.provider-badge{font-size:10px;padding:7px 10px;background:#ffffff26;border:1px solid rgba(255,255,255,.23);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.provider-badge.live{background:#2dce892e}.icon-button,.mobile-menu,.refresh-button{border:0;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:transparent}.icon-button,.mobile-menu{width:38px;height:38px;border-radius:10px}.icon-button:hover,.mobile-menu:hover{background:#ffffff1f}.refresh-button{gap:7px;border-radius:9px;padding:9px 12px;font-size:12px;font-weight:700;background:#ffffff21;border:1px solid rgba(255,255,255,.2)}.mobile-menu{display:none}.content{position:relative;z-index:1;max-width:1510px;margin:0 auto;padding:28px 34px 32px}.error-banner,.error-box{border-radius:10px;padding:11px 13px;font-size:12px}.error-banner{margin-bottom:18px;color:#fff;background:linear-gradient(310deg,#f5365c,#f56036);box-shadow:0 8px 20px #f5365c33}.error-box{color:#d92550;background:#f5365c1a;border:1px solid rgba(245,54,92,.14)}.overview-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;color:#fff;margin:14px 0 22px}.overview-heading h2{font-size:28px;line-height:1.15;margin:2px 0 6px;color:#fff}.overview-heading>div>span{font-size:13px;opacity:.83}.eyebrow,.card-kicker{font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:6px}.eyebrow{color:#ffffffb8}.notification-badge{padding:7px 11px;font-size:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.2)}.notification-badge.on{background:#2dce892e}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:20px}.stat-card{background:var(--card);border:1px solid rgba(226,232,240,.5);border-radius:12px;box-shadow:var(--shadow);padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:118px}.stat-copy span,.stat-copy small,.stat-copy strong{display:block}.stat-copy span{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.stat-copy strong{font-size:24px;margin:5px 0 3px;letter-spacing:-.03em}.stat-copy small{font-size:11px;color:var(--muted)}.stat-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#fff;flex:0 0 auto}.stat-icon.primary{background:linear-gradient(310deg,#5e72e4,#825ee4);box-shadow:0 7px 14px #5e72e440}.stat-icon.success{background:linear-gradient(310deg,#2dce89,#2dcecc);box-shadow:0 7px 14px #2dce8938}.stat-icon.warning{background:linear-gradient(310deg,#fb6340,#fbb140);box-shadow:0 7px 14px #fb634038}.stat-icon.info{background:linear-gradient(310deg,#11cdef,#1171ef);box-shadow:0 7px 14px #11cdef33}.stat-icon.danger{background:linear-gradient(310deg,#f5365c,#f56036);box-shadow:0 7px 14px #f5365c3b}.card{background:var(--card);border:1px solid rgba(226,232,240,.52);border-radius:12px;box-shadow:var(--shadow);padding:18px;margin-bottom:20px}.card-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:15px}.card-header-row h2{font-size:16px;margin:1px 0 4px}.card-header-row>div>span{font-size:11px;color:var(--muted)}.card-kicker{color:var(--primary)}.header-count{min-width:29px;height:29px;padding:0 9px;background:var(--card-soft);color:var(--muted);font-size:11px}.fleet-card{padding-bottom:20px}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:14px}.device-card{appearance:none;width:100%;border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--card-soft);color:var(--text);text-align:left;transition:border .18s,transform .18s,box-shadow .18s}.device-card:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0000000f}.device-card.selected{border-color:#5e72e48c;box-shadow:0 0 0 2px #5e72e414,0 9px 22px #0000000f}.device-top{display:flex;align-items:center;gap:10px}.device-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#fff;color:var(--primary);box-shadow:0 4px 10px #00000012;flex:0 0 auto}.device-title{min-width:0;flex:1}.device-title strong,.device-title span{display:block}.device-title strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-title span{margin-top:2px;font-size:10px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot-label{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.status-dot-label i{width:7px;height:7px;border-radius:50%;background:#adb5bd;box-shadow:0 0 0 3px #adb5bd21}.status-dot-label.online i{background:var(--success);box-shadow:0 0 0 3px #2dce8924}.status-dot-label.offline i{background:var(--danger);box-shadow:0 0 0 3px #f5365c24}.soc-row{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin:18px 0 7px}.soc-row>div span,.soc-row>div strong{display:block}.soc-row>div span{font-size:10px;color:var(--muted)}.soc-row>div strong{font-size:24px;line-height:1.15;margin-top:3px}.power-source{font-size:9px;font-weight:800;padding:5px 8px;border-radius:999px;background:#2dce891f;color:#23a86f}.power-source.battery{background:#fb63401c;color:#e65231}.progress-track{height:6px;background:var(--border);border-radius:999px;overflow:hidden}.progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5e72e4,#825ee4)}.device-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.device-metrics div{padding:8px 7px;border-radius:9px;background:var(--card)}.device-metrics span,.device-metrics strong{display:block}.device-metrics span{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.device-metrics strong{font-size:12px;margin-top:3px}.device-update{font-size:9px;color:var(--muted);margin-top:11px;text-align:right}.main-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.85fr);gap:20px;align-items:start}.telemetry-card{min-width:0}.card-header-row select,input{border:1px solid var(--border);background:var(--card-soft);color:var(--text);border-radius:8px;padding:9px 11px;font-size:11px;outline:none}.card-header-row select:focus,input:focus{border-color:#5e72e48c;box-shadow:0 0 0 3px #5e72e414}.chart-wrap{height:320px;margin-top:7px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{padding:8px 10px;text-align:left;color:var(--muted);font-size:9px;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table td{padding:12px 10px;border-bottom:1px solid var(--border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong,.data-table td small{display:block}.data-table td strong{font-size:11px}.data-table td small{font-size:9px;color:var(--muted);margin-top:2px}.incident-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;background:#8392ab1f;color:var(--muted)}.incident-pill.active{background:#f5365c1f;color:#e02e51}.incident-pill.pending,.incident-pill.acknowledged{background:#fb63401f;color:#dd5737}.incident-pill.recovered,.incident-pill.closed{background:#2dce891f;color:#24a66e}.empty-cell,.empty-state{padding:24px;text-align:center;color:var(--muted);font-size:11px}.empty-state{grid-column:1/-1;border:1px dashed var(--border);border-radius:10px}.admin-token{display:flex;gap:8px;margin:4px 0 14px}.admin-token input{flex:1}.admin-token button,.recipient-form button,.recipient-actions button{border:0;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:800}.admin-token button,.recipient-form>button:not(.btn-secondary){background:linear-gradient(310deg,#5e72e4,#825ee4);color:#fff}.recipient-list{border-top:1px solid var(--border)}.recipient-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--border)}.recipient-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:800;background:linear-gradient(310deg,#5e72e4,#825ee4)}.recipient-copy{flex:1;min-width:0}.recipient-copy strong,.recipient-copy span{display:block}.recipient-copy strong{font-size:11px}.recipient-copy span{font-size:9px;color:var(--muted);margin-top:2px}.recipient-channels{display:flex;gap:5px}.recipient-channels span{padding:4px 6px;border-radius:999px;background:var(--card-soft);font-size:8px;font-weight:800;color:var(--muted)}.recipient-channels span.enabled{background:#2dce891f;color:#24a66e}.recipient-actions{display:flex;gap:6px}.btn-secondary{background:var(--card-soft)!important;color:var(--text)!important}.btn-danger{background:#f5365c1a!important;color:#e02e51!important}.recipient-form{display:grid;grid-template-columns:1.2fr 1.5fr 1.25fr auto auto auto auto auto;gap:7px;align-items:center;margin-top:15px}.recipient-form label{display:flex;align-items:center;gap:5px;font-size:9px;color:var(--muted);white-space:nowrap}.recipient-form label input{margin:0;box-shadow:none}.recipient-form input{min-width:0}footer{display:flex;justify-content:space-between;gap:14px;padding:5px 3px 2px;color:var(--muted);font-size:9px}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main-grid{grid-template-columns:1fr}.recipient-form{grid-template-columns:repeat(3,minmax(0,1fr))}.recipient-form label{justify-content:flex-start}.recipient-form button{width:max-content}}@media(max-width:991px){.sidebar{transform:translate(-290px);left:12px;top:12px;bottom:12px}.sidebar.open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;z-index:35;border:0;background:#1118276b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;display:block;transition:opacity .2s}.sidebar-backdrop.show{opacity:1;pointer-events:auto}.workspace{margin-left:0}.mobile-menu{display:grid}.topbar,.content{padding-left:22px;padding-right:22px}}@media(max-width:700px){.top-band{height:300px}.topbar{align-items:flex-start}.topbar-actions{gap:5px}.refresh-button span{display:none}.overview-heading{align-items:flex-start;flex-direction:column;margin-top:10px}.overview-heading h2{font-size:24px}.stats-grid{grid-template-columns:1fr}.stat-card{min-height:100px}.content{padding:22px 14px}.topbar{padding:18px 14px 10px}.breadcrumbs{font-size:10px}.device-grid{grid-template-columns:1fr}.card{padding:14px}.card-header-row{align-items:flex-start;flex-direction:column}.card-header-row select{width:100%}.chart-wrap{height:260px}.recipient-row{align-items:flex-start;flex-wrap:wrap}.recipient-copy{min-width:170px}.recipient-actions{margin-left:45px}.recipient-form{grid-template-columns:1fr}.recipient-form>*{width:100%}.recipient-form label{width:auto}.admin-token{flex-direction:column}.admin-token button{width:100%}.data-table{min-width:560px}.device-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}footer{flex-direction:column}}:root{--sensor-sidebar-width:250px;--sensor-sidebar-mini:78px;--sensor-shell-line:#e7eaf0;--sensor-shell-soft:#f8f9fc;--sensor-shell-shadow:0 .55rem 1.8rem rgba(50,50,93,.1)}:root[data-theme=dark]{--sensor-shell-line:rgba(148,163,184,.18);--sensor-shell-soft:#1b2739;--sensor-shell-shadow:0 .9rem 2rem rgba(0,0,0,.26)}.sidebar{inset:0 auto 0 0;width:var(--sensor-sidebar-width);height:100vh;padding:1rem;border:0;border-right:1px solid var(--sensor-shell-line);border-radius:0;box-shadow:var(--sensor-shell-shadow);overflow:hidden auto;transition:width .22s ease,transform .24s ease,background .2s ease}.brand{gap:.8rem;min-width:0;padding:.45rem .35rem 1.1rem}.brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:12px;background:transparent url(https://avatars.githubusercontent.com/u/92990377?v=4) center/contain no-repeat;box-shadow:none}.brand-copy{min-width:0}.brand strong{font-size:.95rem;color:var(--text)}.brand span{margin-top:1px;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.sidebar-collapse{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;margin-left:auto;border:1px solid var(--sensor-shell-line);border-radius:.6rem;color:var(--text);background:var(--sensor-shell-soft);font-size:1.05rem;font-weight:850}.sidebar-collapse:hover{color:var(--primary);border-color:#5e72e447;background:#5e72e414}.sidebar-rule{margin:0 0 1rem;background:linear-gradient(90deg,transparent,var(--sensor-shell-line),transparent)}.nav-label{padding-left:.62rem}.sidebar nav{gap:.18rem}.nav-item{min-height:43px;gap:.72rem;margin:.18rem 0;padding:.55rem .65rem;border-radius:.58rem;font-size:.82rem;font-weight:650;color:var(--text);overflow:hidden;white-space:nowrap}.nav-item:hover{transform:none;color:var(--primary);background:#5e72e417}.nav-icon{width:30px;height:30px;flex:0 0 30px;border-radius:.55rem;background:var(--card)}.sidebar-foot{margin-top:auto;padding:.8rem 0 0;border-top:1px solid var(--sensor-shell-line)}.sidebar-theme{width:100%;display:flex;align-items:center;gap:.7rem;margin-bottom:.55rem;padding:.55rem .62rem;border:0;border-radius:.6rem;color:var(--text);background:transparent;font-weight:650;text-align:left}.sidebar-theme:hover{background:var(--sensor-shell-soft)}.sidebar-theme-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:1px solid var(--sensor-shell-line);border-radius:.55rem;background:var(--sensor-shell-soft);color:var(--primary)}.help-card{padding:12px;border:1px solid var(--sensor-shell-line);border-radius:.75rem;background:var(--sensor-shell-soft)}.help-icon{margin-bottom:8px}.workspace{margin-left:var(--sensor-sidebar-width);transition:margin-left .22s ease}.top-band{height:225px;background:radial-gradient(circle at 85% 10%,rgba(17,205,239,.58),transparent 28%),radial-gradient(circle at 20% 0%,rgba(94,114,228,.65),transparent 30%),linear-gradient(115deg,#172b4d,#233dd2 48%,#5e72e4)}:root[data-theme=dark] .top-band{background:radial-gradient(circle at 85% 10%,rgba(17,205,239,.28),transparent 28%),radial-gradient(circle at 20% 0%,rgba(94,114,228,.38),transparent 30%),linear-gradient(115deg,#0b1220,#172b4d 48%,#324cdd)}.topbar{min-height:86px;padding:1.35rem 1.65rem .75rem}.content{max-width:none;width:auto;margin:0;padding:0 1.4rem 2.25rem}.overview-heading{margin:0 0 1.1rem;padding:.3rem .25rem 3.4rem}.overview-heading h2{font-size:1.5rem;letter-spacing:-.025em}.stats-grid{position:relative;z-index:3;gap:.7rem;margin:-2.9rem 0 1rem}.stat-card,.card,.device-card{border:1px solid var(--sensor-shell-line);box-shadow:var(--sensor-shell-shadow)}.stat-card{border-radius:.88rem}.card{border-radius:.85rem}.device-card{border-radius:.85rem;background:var(--card)}.device-card:hover{border-color:#5e72e459;box-shadow:0 .9rem 2rem #32325d24}.sidebar-collapsed .sidebar{width:var(--sensor-sidebar-mini)}.sidebar-collapsed .workspace{margin-left:var(--sensor-sidebar-mini)}.sidebar-collapsed .brand{flex-direction:column;justify-content:center;gap:.4rem;padding-left:0;padding-right:0}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-theme-label,.sidebar-collapsed .help-copy{display:none}.sidebar-collapsed .sidebar-collapse{margin-left:0}.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:.55rem}.sidebar-collapsed .sidebar-theme{justify-content:center;padding:.5rem}.sidebar-collapsed .help-card{display:flex;justify-content:center;padding:.55rem}.sidebar-collapsed .help-icon{margin:0}@media(max-width:991px){.sidebar{width:var(--sensor-sidebar-width);transform:translate(calc(-1 * var(--sensor-sidebar-width) - 20px));left:0;top:0;bottom:0;border-radius:0}.sidebar.open{transform:translate(0)}.workspace,.sidebar-collapsed .workspace{margin-left:0}.sidebar-collapse{display:none}.brand{flex-direction:row;justify-content:flex-start;gap:.8rem;padding:.45rem .35rem 1.1rem}.sidebar-collapsed .brand-copy,.sidebar-collapsed .nav-item>span:last-child,.sidebar-collapsed .nav-label,.sidebar-collapsed .sidebar-theme-label,.sidebar-collapsed .help-copy{display:initial}.sidebar-collapsed .nav-item{justify-content:flex-start;gap:.72rem;padding:.55rem .65rem}.sidebar-collapsed .sidebar-theme{justify-content:flex-start;padding:.55rem .62rem}.sidebar-collapsed .help-card{display:block;padding:12px}.sidebar-collapsed .help-icon{margin-bottom:8px}.topbar{padding-left:1rem;padding-right:1rem}.content{padding-left:.8rem;padding-right:.8rem}}@media(max-width:700px){.top-band{height:250px}.overview-heading{padding-bottom:2.9rem}.stats-grid{margin-top:-2.45rem}}.alerts-workspace{scroll-margin-top:18px}.alerts-header{align-items:center}.alert-mode-badges{display:flex;align-items:center;gap:8px}.alert-admin-bar{display:grid;grid-template-columns:minmax(220px,420px) auto 1fr;gap:10px;align-items:center;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--card-soft);margin-bottom:14px}.alert-admin-bar input{width:100%;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:9px 11px}.alert-admin-bar button,.alert-editor button,.alert-panel button{border:0;border-radius:8px;padding:9px 12px;font-weight:700;font-size:11px;background:linear-gradient(310deg,var(--primary),var(--primary-2));color:#fff}.alert-admin-bar>span{font-size:10px;color:var(--muted)}.alert-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.alert-tabs button{border:1px solid var(--border);background:var(--card-soft);color:var(--muted);padding:9px 12px;border-radius:9px;font-size:11px;font-weight:800}.alert-tabs button.active{color:#fff;border-color:transparent;background:linear-gradient(310deg,var(--primary),var(--primary-2));box-shadow:0 5px 12px #5e72e433}.alert-tabs b{display:inline-flex;min-width:20px;justify-content:center;margin-left:5px;padding:2px 5px;border-radius:999px;background:#ffffff24;font-size:9px}.alert-panel{min-height:150px}.alert-two-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:18px}.severity-pill,.delivery-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.severity-pill.info{background:#11cdef1f;color:#0899b6}.severity-pill.warning{background:#fb63401f;color:#d85635}.severity-pill.critical{background:#f5365c1f;color:#d72d50}.severity-pill.emergency{background:#f5365c;color:#fff;box-shadow:0 4px 10px #f5365c33}.delivery-pill.pending{background:#fb63401f;color:#d85635}.delivery-pill.sent{background:#2dce891f;color:#219b68}.delivery-pill.failed{background:#f5365c1f;color:#d72d50}.delivery-pill.suppressed{background:#8392ab24;color:var(--muted)}.muted-action{color:var(--muted)}.rule-list{display:flex;flex-direction:column;gap:10px;max-height:690px;overflow:auto;padding-right:3px}.rule-row{border:1px solid var(--border);border-radius:11px;padding:13px;background:var(--card-soft)}.rule-main{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rule-main>div{display:flex;align-items:center;gap:8px}.rule-main strong{font-size:12px}.rule-main>span{font-size:10px;color:var(--muted);text-align:right}.rule-meta{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.rule-meta span{font-size:9px;padding:4px 7px;border-radius:999px;background:var(--card);color:var(--muted);border:1px solid var(--border)}.alert-editor{border:1px solid var(--border);border-radius:11px;padding:15px;background:var(--card-soft);align-self:start}.alert-editor h3,.history-stack h3{font-size:13px;margin:0 0 12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.form-grid label{display:flex;flex-direction:column;gap:5px}.form-grid label.full{grid-column:1/-1}.form-grid label>span,.scope-section>span{font-size:9px;color:var(--muted);font-weight:700}.form-grid input,.form-grid select{width:100%;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:8px;padding:9px 10px;font-size:11px}.scope-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.scope-section>strong{display:block;font-size:11px;margin-bottom:3px}.checkbox-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:6px;margin-top:9px}.checkbox-list label,.toggle-row label{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text)}.checkbox-list em{font-size:10px;color:var(--muted)}.toggle-row{display:flex;gap:14px;flex-wrap:wrap;margin:14px 0}.editor-actions{display:flex;gap:8px}.history-stack{display:grid;gap:20px}.history-stack small{display:block;color:var(--muted);font-size:9px;max-width:240px;white-space:normal;margin-top:3px}.recipient-copy small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.btn-secondary{background:var(--card)!important;color:var(--text)!important;border:1px solid var(--border)!important}.btn-danger{background:#f5365c1a!important;color:#d72d50!important;border:1px solid rgba(245,54,92,.15)!important}@media(max-width:1050px){.alert-two-column{grid-template-columns:1fr}.alert-admin-bar{grid-template-columns:1fr auto}.alert-admin-bar>span{grid-column:1/-1}}@media(max-width:680px){.alert-admin-bar{grid-template-columns:1fr}.alert-admin-bar button{width:100%}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.alert-tabs{display:grid;grid-template-columns:1fr 1fr}.alert-tabs button{width:100%}.rule-main{flex-direction:column}.rule-main>span{text-align:left}.checkbox-list{grid-template-columns:1fr}.alert-mode-badges{align-items:flex-end;flex-direction:column}}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.status-pill.enabled{background:#2dce891f;color:#219b68;border-color:#2dce8933}.status-pill.disabled{background:#f5365c1f;color:#d72d50;border-color:#f5365c33}.status-text{font-weight:800}.status-text.enabled{color:#219b68!important}.status-text.disabled{color:#d72d50!important}.alerts-workspace .notification-badge.on{background:#2dce891f;color:#219b68;border-color:#2dce8938}.alerts-workspace .notification-badge.off{background:#f5365c1f;color:#d72d50;border-color:#f5365c38}.recipient-channels span.disabled{background:#f5365c1f;color:#d72d50}.recipient-channels .status-pill{padding:4px 7px}.save-toast{position:fixed;top:20px;right:20px;z-index:1200;display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100vw - 32px));padding:12px 16px;border-radius:10px;background:#2dce89;color:#fff;font-size:12px;font-weight:800;box-shadow:0 10px 30px #0000002e;animation:save-toast-in .18s ease-out}.save-toast-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#fff3;font-size:13px}.editor-actions button:disabled{opacity:.6;cursor:not-allowed;filter:saturate(.7)}@keyframes save-toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.save-toast{top:12px;right:12px;left:12px;max-width:none}}