:root{color-scheme:dark;--bg: #0d0f2e;--glow-amber: rgba(255, 190, 46, .14);--glow-blue: rgba(44, 49, 150, .35);--surface: #171a49;--surface-elevated: #1e225e;--surface-card: #141740;--field: #0f1238;--field-focus: #15194d;--line: #2d3270;--line-dashed: #39408a;--ink: #eef0ff;--ink-muted: #a5aad8;--ink-subtle: #6d73ab;--brand: #2c3196;--brand-ink: #ffffff;--link: #93c5fd;--accent: #ffbe2e;--accent-glow: rgba(255, 190, 46, .35);--accent-ink: #121435;--danger: #f87171;--danger-bg: rgba(248, 113, 113, .12);--success: #10b981;--success-glow: rgba(16, 185, 129, .35);--success-bg: rgba(16, 185, 129, .12);--success-text: #6ee7b7;--warning: #f59e0b;--warning-bg: rgba(245, 158, 11, .12);--shadow-sheet: 0 20px 40px -10px rgba(0, 0, 0, .7);--shadow-card: 0 4px 14px rgba(0, 0, 0, .35);--font-display: "Bricolage Grotesque", -apple-system, system-ui, sans-serif;--font-body: "DM Sans", -apple-system, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{background-color:var(--bg);background-image:radial-gradient(55rem 30rem at 10% 0%,var(--glow-amber),transparent 70%),radial-gradient(40rem 25rem at 90% 100%,var(--glow-blue),transparent 70%);background-attachment:fixed;background-repeat:no-repeat;color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;min-height:100vh;overflow-x:hidden;padding-top:max(10px,env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));padding-left:max(14px,env(safe-area-inset-left,0px));padding-right:max(14px,env(safe-area-inset-right,0px))}.app-wrap{max-width:900px;margin:0 auto;display:grid;gap:16px}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stat-icon{width:18px;height:18px;opacity:.85}.menu-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;margin-right:8px;color:var(--ink-muted)}.dropdown-item.danger .menu-icon{color:var(--danger)}.badge-tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.badge-gold{background:var(--accent);color:var(--accent-ink)}#view-login{display:none;align-items:center;justify-content:center;min-height:calc(100vh - 40px);padding:12px 0}.login-card{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-sheet);overflow:hidden;position:relative}.login-head{background:linear-gradient(135deg,#1f236e,var(--brand));padding:24px 22px 20px;border-bottom:1px solid var(--line);position:relative}.school-eyebrow{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.school-eyebrow:before{content:"";width:24px;height:3px;background:var(--accent);border-radius:2px}.login-title{font-family:var(--font-display);font-weight:800;font-size:1.85rem;line-height:1.15;color:#fff;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.login-desc{color:#eef0ffd1;font-size:.88rem;margin-top:6px}.login-body{padding:24px 22px;display:grid;gap:16px}.field{display:grid;gap:6px}.field label{font-size:.84rem;font-weight:700;color:var(--ink)}.field input{width:100%;height:50px;padding:0 16px;border:1.5px solid var(--line);border-radius:12px;background:var(--field);color:var(--ink);font-family:inherit;font-size:16px;font-weight:600;transition:border-color .15s,box-shadow .15s,background-color .15s}.field input:focus{outline:none;border-color:var(--accent);background:var(--field-focus);box-shadow:0 0 0 4px var(--accent-glow)}.password-input-wrap{position:relative;display:flex;align-items:center;width:100%}.password-input-wrap input{padding-right:48px}.password-toggle-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;border-radius:8px;color:var(--ink-subtle);cursor:pointer;transition:color .15s,background-color .15s,transform .1s}.password-toggle-btn:hover{color:var(--ink);background:#ffffff14}.password-toggle-btn:active{transform:translateY(-50%) scale(.95)}.password-toggle-btn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.password-toggle-btn .eye-off-icon{display:none}.password-toggle-btn.is-revealed{color:var(--accent)}.password-toggle-btn.is-revealed .eye-icon{display:none}.password-toggle-btn.is-revealed .eye-off-icon{display:inline-flex}.btn-primary{width:100%;height:52px;border:0;border-radius:14px;background:var(--accent);color:var(--accent-ink);font-family:var(--font-display);font-size:1.05rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,box-shadow .15s,opacity .15s;box-shadow:0 8px 20px -6px var(--accent-glow)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}#view-dashboard{display:none;gap:14px}.app-bar{position:sticky;top:0;z-index:40;background:#171a49e0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:var(--shadow-card)}.app-brand{display:flex;align-items:center;gap:10px;min-width:0}.app-logo{width:38px;height:38px;border-radius:50%;background:#fff;padding:2px;object-fit:contain;flex-shrink:0;box-shadow:0 2px 8px #0000004d}.app-meta{min-width:0}.app-school{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-title-row{display:flex;align-items:center;gap:6px}.app-heading{font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:#fff;white-space:nowrap}.app-bar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-icon{width:38px;height:38px;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;transition:background-color .15s,transform .15s}.btn-icon:active{transform:scale(.95)}.btn-icon:hover{background:var(--surface-elevated)}.notif-toggle-pill{height:38px;padding:0 12px;border-radius:999px;border:1.5px solid var(--line);background:var(--surface);color:var(--ink-muted);display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:700;transition:all .22s cubic-bezier(.16,1,.3,1);user-select:none;-webkit-tap-highlight-color:transparent}.notif-toggle-pill:active{transform:scale(.96)}.notif-pill-icon{display:inline-flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.notif-pill-label{letter-spacing:.02em;white-space:nowrap}.notif-switch-track{width:26px;height:15px;border-radius:999px;background:#ffffff1f;display:inline-flex;align-items:center;padding:2px;transition:background-color .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease}.notif-switch-thumb{width:11px;height:11px;border-radius:50%;background:var(--ink-muted);transform:translate(0);transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s ease}.notif-toggle-pill.is-on{border-color:#34d39980;background:#10b9811f;color:#34d399;box-shadow:0 0 16px #10b98138}.notif-toggle-pill.is-on .notif-pill-icon{color:#34d399;animation:bellGentleRing 2.4s ease infinite}.notif-toggle-pill.is-on .notif-switch-track{background:#10b981;box-shadow:0 0 8px #10b98180}.notif-toggle-pill.is-on .notif-switch-thumb{transform:translate(11px);background:#fff}.notif-toggle-pill.is-off{border-color:var(--line);background:var(--surface);color:var(--ink-muted)}.notif-toggle-pill.is-off .notif-pill-icon{color:var(--ink-subtle)}.notif-toggle-pill.is-off .notif-switch-track{background:#ffffff24}.notif-toggle-pill.is-off .notif-switch-thumb{transform:translate(0);background:var(--ink-muted)}.notif-toggle-pill.is-blocked{border-color:#f8717173;background:#f871711a;color:var(--danger)}.notif-toggle-pill.is-blocked .notif-pill-icon{color:var(--danger)}.notif-toggle-pill.is-blocked .notif-switch-track{background:#f8717140}.notif-toggle-pill.is-blocked .notif-switch-thumb{transform:translate(0);background:var(--danger)}@keyframes bellGentleRing{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-8deg)}75%{transform:rotate(0)}}@media(max-width:520px){.notif-pill-label{display:none}.notif-toggle-pill{padding:0 8px;gap:6px}}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:640px){.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:border-color .2s,transform .2s}.stat-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--line)}.stat-card.gold:after{background:var(--accent)}.stat-card.green:after{background:var(--success)}.stat-card.blue:after{background:#60a5fa}.stat-label{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);display:flex;align-items:center;justify-content:space-between}.stat-num{font-family:var(--font-display);font-weight:800;font-size:1.7rem;line-height:1.1;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;margin-top:4px;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.stat-num.bump{transform:scale(1.15)}.stat-num.gold{color:var(--accent)}.stat-num.green{color:#6ee7b7}.stat-num.blue{color:#93c5fd}.stat-sub{font-size:.74rem;font-weight:600;color:var(--ink-subtle);margin-top:2px}.gate-scanner-box{background:var(--surface);border:1.5px solid var(--line);border-radius:20px;padding:14px;box-shadow:var(--shadow-sheet);display:grid;gap:10px;position:relative}.scanner-head{display:flex;align-items:center;justify-content:space-between}.scanner-title{font-family:var(--font-display);font-size:.92rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:7px}.scanner-input-wrap{position:relative;display:flex;align-items:center}.scanner-input{width:100%;height:52px;padding:0 44px;border:2px solid var(--line);border-radius:14px;background:var(--field);color:#fff;font-family:var(--font-body);font-size:16px;font-weight:700;transition:border-color .15s,box-shadow .15s,background-color .15s}.scanner-input:focus{outline:none;border-color:var(--accent);background:var(--field-focus);box-shadow:0 0 0 4px var(--accent-glow)}.scanner-icon{position:absolute;left:14px;pointer-events:none;color:var(--ink-muted);display:flex;align-items:center;justify-content:center}.scanner-clear{position:absolute;right:12px;width:28px;height:28px;border-radius:50%;border:0;background:var(--line);color:var(--ink);cursor:pointer;display:none;align-items:center;justify-content:center;transition:background-color .15s}.scanner-clear.show{display:flex}.scanner-clear:hover{background:var(--surface-elevated)}#gate-match-results{display:none;gap:10px;flex-direction:column;animation:fadeInDown .2s cubic-bezier(.16,1,.3,1)}#gate-match-results.active{display:flex}.ticket-result-card{background:var(--surface-card);border:2px solid;border-radius:18px;padding:16px;display:grid;gap:12px;position:relative;overflow:hidden}.ticket-result-card.is-admitted{border-color:var(--success);background:linear-gradient(180deg,rgba(16,185,129,.14),var(--surface-card))}.ticket-result-card.is-unverified{border-color:var(--accent);background:linear-gradient(180deg,rgba(255,190,46,.14),var(--surface-card))}.ticket-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ticket-status-label{font-family:var(--font-display);font-size:1.05rem;font-weight:800;display:flex;align-items:center;gap:7px}.ticket-code-pill{font-family:monospace;font-size:1.05rem;font-weight:800;background:var(--field);border:1px solid var(--line);padding:4px 10px;border-radius:8px;color:#fff}.ticket-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;background:var(--field);padding:12px;border-radius:12px;border:1px solid var(--line)}.ticket-grid-item dt{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}.ticket-grid-item dd{font-size:1rem;font-weight:700;color:#fff;margin-top:2px}.ticket-attendees-box{font-size:.82rem;color:var(--ink-muted);background:var(--field);padding:10px 12px;border-radius:10px;border:1px dashed var(--line);line-height:1.4}.btn-gate-verify{width:100%;height:52px;border:0;border-radius:14px;background:#10b981;color:#064e3b;font-family:var(--font-display);font-size:1.05rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 24px -4px var(--success-glow);transition:transform .15s,opacity .15s}.btn-gate-verify:active{transform:scale(.98)}.dir-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:6px}.dir-title-row{display:flex;align-items:center;gap:8px}.dir-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:#fff}.dir-count-pill{font-size:.75rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-muted)}.segmented-ctrl{display:inline-flex;background:var(--field);border:1.5px solid var(--line);border-radius:999px;padding:3px;gap:2px}.seg-btn{border:0;background:transparent;color:var(--ink-muted);padding:6px 14px;border-radius:999px;font-family:inherit;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.seg-btn.active{background:var(--accent);color:var(--accent-ink);box-shadow:0 2px 8px #0000004d}.passes-list{display:grid;gap:12px}.pass-ticket{position:relative;background:var(--surface);border:1.5px solid var(--line);border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;user-select:none;-webkit-user-select:none}.pass-ticket.verified{border-left:5px solid var(--success)}.pass-ticket:not(.verified){border-left:5px solid var(--accent)}.pass-ticket.is-selected{border-color:var(--accent)!important;background:#ffbe2e17!important;box-shadow:0 0 20px var(--accent-glow)!important}.ticket-select-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--field);display:none;align-items:center;justify-content:center;flex-shrink:0;margin-top:3px;margin-right:10px;transition:all .15s ease;color:transparent}body.selection-mode-active .ticket-select-check,.pass-ticket.is-selected .ticket-select-check{display:inline-flex}.pass-ticket.is-selected .ticket-select-check{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.batch-bar{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,16px));left:50%;transform:translate(-50%) translateY(120px);width:calc(100% - 24px);max-width:620px;background:#171a49f2;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1.5px solid var(--accent);border-radius:18px;box-shadow:0 20px 40px #000000a6,0 0 24px var(--accent-glow);padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:1100;transition:transform .28s cubic-bezier(.34,1.56,.64,1),opacity .2s ease;pointer-events:none;opacity:0}.batch-bar.active{transform:translate(-50%) translateY(0);pointer-events:auto;opacity:1}.batch-bar-left{display:flex;align-items:center;gap:10px;min-width:0}.batch-count-badge{font-family:var(--font-display);font-weight:800;font-size:.92rem;color:#fff;background:var(--surface-elevated);border:1px solid var(--line);padding:5px 12px;border-radius:999px;white-space:nowrap;cursor:pointer;user-select:none;transition:background .15s,border-color .15s}.batch-count-badge:hover{background:var(--field);border-color:var(--accent)}.batch-bar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.btn-batch{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:10px;font-family:var(--font-display);font-size:.88rem;font-weight:800;cursor:pointer;border:0;transition:transform .1s,opacity .15s;white-space:nowrap}.btn-batch:active{transform:scale(.96)}.btn-batch-admit{background:var(--success);color:#fff}.btn-batch-delete{background:var(--danger-bg);border:1.5px solid var(--danger);color:var(--danger)}.pass-ticket.highlight-new{animation:highlightFlash 2.5s ease-out}@keyframes highlightFlash{0%{transform:scale(1.02);box-shadow:0 0 25px var(--accent);border-color:var(--accent)}to{transform:scale(1)}}.ticket-top{padding:14px 16px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;cursor:pointer}.ticket-payer-title{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:#fff;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ticket-headcount-tag{font-family:var(--font-body);font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:999px;background:var(--field);border:1px solid var(--line);color:var(--accent)}.ticket-phone-link{display:inline-flex;align-items:center;gap:6px;color:var(--link);font-size:.86rem;font-weight:600;text-decoration:none;margin-top:4px}.ticket-amt-col{text-align:right;flex-shrink:0}.ticket-amt{font-family:var(--font-display);font-size:1.25rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.ticket-code-badge{display:inline-flex;align-items:center;gap:6px;font-family:monospace;font-size:.78rem;font-weight:700;background:var(--field);padding:4px 8px;border-radius:6px;border:1px solid var(--line);color:#fff;margin-top:4px;cursor:pointer;transition:background-color .15s}.ticket-code-badge:active{background:var(--line)}.perforated-line{position:relative;border-top:1.5px dashed var(--line-dashed);margin:6px 0}.perforated-line:before,.perforated-line:after{content:"";position:absolute;top:-7px;width:14px;height:14px;border-radius:50%;background:var(--bg);border:1.5px solid var(--line)}.perforated-line:before{left:-8px}.perforated-line:after{right:-8px}.ticket-footer{padding:8px 16px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.ticket-meta-info{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--ink-muted)}.status-chip{font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:3px 8px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}.status-chip.verified{background:var(--success-bg);border:1px solid rgba(16,185,129,.3);color:#34d399}.status-chip.pending{background:var(--warning-bg);border:1px solid rgba(245,158,11,.3);color:#fbbf24}.ticket-action-btns{display:flex;align-items:center;gap:8px}.btn-verify-chip{border:0;background:#10b981;color:#064e3b;font-family:inherit;font-size:.8rem;font-weight:800;padding:7px 14px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:transform .15s,opacity .15s}.btn-verify-chip:active{transform:scale(.96)}.btn-undo-chip{border:1.5px solid var(--line);background:var(--field);color:var(--ink-muted);font-family:inherit;font-size:.8rem;font-weight:700;padding:6px 12px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}.btn-verify-chip svg,.btn-undo-chip svg,.btn-del-chip svg{pointer-events:none}.btn-del-chip{border:1.5px solid rgba(248,113,113,.45);background:#f8717114;color:var(--danger);min-width:44px;min-height:44px;padding:0 12px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:all .18s cubic-bezier(.16,1,.3,1)}.btn-del-chip:hover{background:var(--danger-bg);border-color:var(--danger)}.btn-del-chip:active{transform:scale(.95)}.btn-del-chip.confirming{background:var(--danger)!important;color:#fff!important;border-color:var(--danger)!important;padding:0 14px!important;min-height:44px!important;font-weight:800!important;font-size:.82rem!important;box-shadow:0 0 16px #f8717199!important;animation:pulseDanger 1.2s infinite}@keyframes pulseDanger{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}.member-drawer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.4,0,.2,1);background:var(--field);border-top:1px solid var(--line)}.member-drawer.expanded{grid-template-rows:1fr}.drawer-inner{overflow:hidden;padding:0 16px;display:grid;gap:6px}.member-drawer.expanded .drawer-inner{padding:12px 16px}.drawer-member-row{display:flex;align-items:center;justify-content:space-between;font-size:.84rem;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.08)}.drawer-member-row:last-child{border-bottom:none}#live-toast{position:fixed;top:20px;left:50%;transform:translate(-50%) translateY(-100px);z-index:100;background:#171a49f0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid var(--accent);box-shadow:0 12px 30px #0009,0 0 20px var(--accent-glow);padding:10px 18px;border-radius:999px;font-size:.88rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px;pointer-events:none;opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease}#live-toast.show{transform:translate(-50%) translateY(0);opacity:1}#toast-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:#080a1ebf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:90;padding:16px}.modal-backdrop.open{display:flex;animation:fadeIn .2s ease}.modal-box{background:var(--surface);border:1.5px solid var(--line);border-radius:22px;width:100%;max-width:420px;padding:22px;box-shadow:var(--shadow-sheet);display:grid;gap:14px}.dropdown-menu{position:absolute;top:54px;right:14px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow-sheet);display:none;flex-direction:column;gap:4px;min-width:180px;z-index:50}.dropdown-menu.open{display:flex;animation:fadeInDown .18s ease}.dropdown-item{background:transparent;border:0;border-radius:10px;padding:10px 14px;color:var(--ink);font-family:inherit;font-size:.86rem;font-weight:600;text-align:left;cursor:pointer;display:flex;align-items:center;transition:background .12s}.dropdown-item:hover,.dropdown-item:active{background:var(--surface-elevated)}.dropdown-item.danger{color:var(--danger)}.notif-blocked-banner{background:#f871711f;border:1.5px solid rgba(248,113,113,.5);border-radius:16px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 4px 18px #00000040;margin-bottom:12px;animation:fadeIn .3s ease}.banner-left{display:flex;align-items:center;gap:12px;flex:1;min-width:240px}.banner-icon{color:var(--danger);background:#f8717129;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.banner-action-btn{background:var(--danger);color:#fff;border:0;border-radius:10px;height:36px;padding:0 14px;font-family:inherit;font-size:.8rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:transform .15s,opacity .15s}.banner-action-btn:active{transform:scale(.96)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}