.notif-page-200{display:grid;gap:18px;max-width:1240px}.notif-hero-200{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#123d5b,#205b83);color:#fff}.notif-hero-200 span,.notif-head-200>div>span{font-size:11px;font-weight:900;letter-spacing:.12em}.notif-hero-200 h2{margin:4px 0 5px;font-size:27px}.notif-hero-200 p{margin:0;opacity:.84}.notif-status-row-200{display:flex;gap:8px;flex-wrap:wrap}.notif-status-row-200 span{padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.14);letter-spacing:0}.notif-status-row-200 .ok{background:#dff7e9;color:#126d45}.notif-status-row-200 .warn{background:#fff2c7;color:#8c5c00}.notif-card-200{background:#fff;border:1px solid #dfe6ec;border-radius:18px;padding:20px;box-shadow:0 9px 26px rgba(25,48,72,.05)}.notif-card-200.danger{border-color:#ffd0cc;background:#fff8f7}.notif-head-200{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.notif-head-200 h3{margin:3px 0 4px}.notif-head-200 p{margin:0;color:#6e7b87}.notif-device-state-200{font-weight:800;padding:8px 11px;background:#f0f5fa;border-radius:10px}.notif-action-row-200{display:flex;gap:9px;flex-wrap:wrap}.notif-small-200{margin:10px 0 0}.notif-test-form-200{margin-top:12px}.notif-pref-grid-200{display:grid;gap:8px;margin:0 0 16px}.notif-pref-row-200{display:grid;grid-template-columns:minmax(250px,1fr) 90px 90px;align-items:center;gap:10px;padding:12px 14px;border:1px solid #e4eaf0;border-radius:13px}.notif-pref-row-200 strong{display:block}.notif-pref-row-200 small{display:block;color:#7a8794;margin-top:3px}.notif-check-200{display:flex;gap:7px;align-items:center;font-size:13px;font-weight:700}.notif-check-200.disabled{opacity:.38}.notif-rule-table-200{overflow:auto;border:1px solid #e1e8ee;border-radius:14px;margin-bottom:16px}.notif-rule-header-200,.notif-rule-row-200{display:grid;grid-template-columns:minmax(220px,1.8fr) 55px 78px 82px 62px 62px 110px;min-width:760px;align-items:center}.notif-rule-header-200{background:#f4f7fa;padding:10px 12px;font-size:11px;color:#526171}.notif-rule-row-200{padding:11px 12px;border-top:1px solid #edf1f4}.notif-rule-row-200 strong{display:block}.notif-rule-row-200 small{display:block;color:#84909b}.notif-rule-row-200 label{display:flex;justify-content:center}.notif-rule-row-200 .na{opacity:.2}.notif-timing-grid-200{display:grid;grid-template-columns:repeat(5,minmax(140px,1fr));gap:12px;margin-bottom:16px}.notif-timing-grid-200 label{font-size:12px;font-weight:800}.notif-timing-grid-200 input{width:100%;margin-top:5px}.notif-timing-grid-200 small{display:block;color:#7c8894;margin-top:4px;font-weight:500}.notif-list-200{display:grid;gap:8px}.notif-list-200 article{display:grid;grid-template-columns:10px 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid #e4e9ee;border-radius:13px}.notif-list-200 article.unread{background:#f4f8ff;border-color:#cddfff}.notif-dot-200{width:8px;height:8px;border-radius:50%;background:#c6ced6}.unread .notif-dot-200{background:#2473e8}.notif-list-200 p{margin:3px 0;color:#586774}.notif-list-200 small{color:#88939e}.notif-item-actions-200{display:flex;gap:6px}.notif-item-actions-200 form{margin:0}.notif-topbar-bell-200{position:relative;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#f2f6fa;text-decoration:none;font-size:18px}.notif-topbar-bell-200 b{position:absolute;right:-4px;top:-5px;background:#e5484d;color:#fff;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;font-size:10px;padding:0 4px;border:2px solid #fff}.notif-update-toast-200{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:9999;background:#173b57;color:#fff;padding:12px 14px;border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,.22);display:flex;align-items:center;gap:12px}.notif-update-toast-200 button{border:0;background:#fff;color:#173b57;padding:8px 10px;border-radius:8px;font-weight:900}.pwa-install-chip-200{display:inline-flex;align-items:center;gap:6px}.notif-nav-badge-200{margin-left:auto;background:#e5484d;color:#fff;border-radius:999px;padding:2px 6px;font-size:10px}@media(max-width:900px){.notif-timing-grid-200{grid-template-columns:repeat(2,1fr)}.notif-hero-200{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.notif-card-200{padding:14px}.notif-hero-200{padding:18px;border-radius:16px}.notif-hero-200 h2{font-size:22px}.notif-pref-row-200{grid-template-columns:1fr auto auto;padding:10px}.notif-pref-row-200 small{font-size:11px}.notif-timing-grid-200{grid-template-columns:1fr 1fr}.notif-list-200 article{grid-template-columns:8px 1fr}.notif-item-actions-200{grid-column:2}.notif-head-200{align-items:flex-start}.notif-action-row-200 .btn{flex:1 1 45%}}