:root{--hmp-notification-surface:rgba(5,18,32,.96);--hmp-notification-card:rgba(14,35,58,.88);--hmp-notification-border:rgba(119,186,255,.18);--hmp-notification-text:#f4f8ff;--hmp-notification-muted:#91a6bc;--hmp-notification-accent:#51c8ff;--hmp-notification-danger:#ff6777;--hmp-notification-warning:#ffbb55;--hmp-notification-success:#43d59b}
.hmp-v43137-host{position:fixed;inset:0;z-index:10020;display:none;background:rgba(1,8,17,.72);backdrop-filter:blur(16px);padding:clamp(10px,3vw,28px)}.hmp-v43137-host.is-open{display:flex;align-items:flex-start;justify-content:center;overflow:auto}
.hmp-v43137-center,.hmp-v43137-preferences{width:min(1040px,100%);max-height:calc(100vh - 24px);overflow:auto;color:var(--hmp-notification-text);background:linear-gradient(145deg,rgba(8,27,47,.98),rgba(3,14,27,.98));border:1px solid var(--hmp-notification-border);border-radius:26px;box-shadow:0 28px 90px rgba(0,0,0,.55)}
.hmp-v43137-center>header,.hmp-v43137-preferences>header{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;gap:16px;padding:20px 22px;background:rgba(5,18,32,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--hmp-notification-border)}.hmp-v43137-center h2,.hmp-v43137-preferences h2{margin:3px 0;font-size:1.35rem}.hmp-v43137-center header p,.hmp-v43137-preferences header p{margin:0;color:var(--hmp-notification-muted)}.hmp-v43137-center button,.hmp-v43137-preferences button,.hmp-v43137-center select,.hmp-v43137-preferences input{color:var(--hmp-notification-text);background:rgba(20,47,75,.75);border:1px solid var(--hmp-notification-border);border-radius:12px;padding:10px 12px}
.hmp-v43137-tabs,.hmp-v43137-state-tabs{display:flex;gap:8px;overflow:auto;padding:12px 18px;background:rgba(7,23,40,.84)}.hmp-v43137-tabs button,.hmp-v43137-state-tabs button{white-space:nowrap}.hmp-v43137-tabs .is-active,.hmp-v43137-state-tabs .is-active,.hmp-v43137-preferences .is-primary{background:linear-gradient(135deg,#138fd3,#5d5ee9);border-color:rgba(117,203,255,.55)}
.hmp-v43137-list{display:grid;gap:12px;padding:16px}.hmp-v43137-notification{background:linear-gradient(145deg,rgba(17,42,68,.9),rgba(8,28,48,.92));border:1px solid var(--hmp-notification-border);border-radius:18px;overflow:hidden}.hmp-v43137-notification.is-unread{box-shadow:inset 4px 0 0 var(--hmp-notification-accent)}.hmp-v43137-notification.is-critical{box-shadow:inset 4px 0 0 var(--hmp-notification-danger)}.hmp-v43137-notification-main{width:100%;display:grid;grid-template-columns:auto 1fr;gap:12px;text-align:left;border:0!important;background:transparent!important}.hmp-v43137-notification-main h3{margin:2px 0 5px}.hmp-v43137-notification-main p{margin:0;color:#c7d4e2}.hmp-v43137-severity{font-size:.72rem;font-weight:800;text-transform:uppercase;color:var(--hmp-notification-warning)}.hmp-v43137-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px;color:var(--hmp-notification-muted);font-size:.82rem}.hmp-v43137-actions{display:flex;gap:8px;flex-wrap:wrap;padding:0 12px 12px}.hmp-v43137-empty{padding:36px;text-align:center;color:var(--hmp-notification-muted)}
.hmp-v43137-preferences{max-height:78vh}.hmp-v43137-pref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:16px}.hmp-v43137-pref-grid article{background:var(--hmp-notification-card);border:1px solid var(--hmp-notification-border);border-radius:18px;padding:16px}.hmp-v43137-pref-grid article.is-wide{grid-column:1/-1}.hmp-v43137-pref-toggle,.hmp-v43137-category,.hmp-v43137-time{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.hmp-v43137-pref-toggle small,.hmp-v43137-category small{display:block;color:var(--hmp-notification-muted);margin-top:3px}.hmp-v43137-time-row,.hmp-v43137-fixed-time{display:flex;gap:12px;align-items:center}.hmp-v43137-reminders,.hmp-v43137-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hmp-v43137-reminders label,.hmp-v43137-category{background:rgba(5,18,32,.55);border-radius:12px;padding:11px}.hmp-v43137-preferences>footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:10px;padding:14px 18px;background:rgba(5,18,32,.95);backdrop-filter:blur(18px);border-top:1px solid var(--hmp-notification-border)}
@media(max-width:720px){.hmp-v43137-host{padding:0}.hmp-v43137-center,.hmp-v43137-preferences{min-height:100vh;max-height:none;border-radius:0}.hmp-v43137-pref-grid{grid-template-columns:1fr}.hmp-v43137-pref-grid article.is-wide{grid-column:auto}.hmp-v43137-category-grid{grid-template-columns:1fr}.hmp-v43137-notification-main{grid-template-columns:1fr}.hmp-v43137-center>header,.hmp-v43137-preferences>header{padding-top:max(16px,env(safe-area-inset-top))}}