#notification-center [hidden],[data-message-badge][hidden]{display:none!important}#notification-bell{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:70;width:52px;height:52px;border:0;border-radius:50%;display:grid;place-items:center;color:#fff;background:#1d4ed8;box-shadow:0 6px 20px #17255440;cursor:pointer}#notification-count{position:absolute;right:-3px;top:-4px;background:#dc2626;color:#fff;border:2px solid white;border-radius:20px;min-width:22px;padding:1px 5px;font:700 12px system-ui}#notification-panel{position:fixed;z-index:71;right:20px;bottom:calc(84px + env(safe-area-inset-bottom));width:390px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 120px);overflow:auto;background:#fff;color:#172554;border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 12px 50px #17255433;font:14px/1.5 system-ui}.notice-heading,.notice-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #e2e8f0}.notice-heading h2{font-size:18px;font-weight:700;margin:0}.notice-tools{font-size:12px;padding-top:8px;padding-bottom:8px}.notice-tools a,.notice-tools button{color:#1d4ed8}#notification-list{padding:0;margin:0;list-style:none;max-height:290px;overflow:auto}#notification-list li{border-bottom:1px solid #f1f5f9}#notification-list a{display:block;padding:12px 18px;color:inherit;text-decoration:none}#notification-list a:hover{background:#eff6ff}#notification-list .notice-unread{background:#eff6ff;border-left:3px solid #2563eb}#notification-list strong{display:block}#notification-list p{margin:4px 0;color:#475569}#notification-list time{font-size:11px;color:#64748b}.notice-empty{padding:24px 18px;color:#64748b}#notification-list .notice-group{padding:7px 18px;background:#f8fafc;color:#475569;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #e2e8f0}#notification-list .notice-high{border-left-color:#dc2626;background:#fff7f7}.notice-settings,.notice-permission{padding:14px 18px;border-top:1px solid #e2e8f0}.notice-settings summary{cursor:pointer;font-weight:600}.notice-settings p,.notice-permission p{font-size:12px;color:#64748b;margin:8px 0}.notice-settings label{display:block;margin:8px 0}.notice-settings input{margin-right:6px}.notice-permission button,.notice-settings button{background:#1d4ed8;color:#fff;padding:9px 12px;border:0;border-radius:8px;cursor:pointer}.notice-permission button:disabled{opacity:.5;cursor:default}#notification-disable{background:#e2e8f0;color:#172554}#notification-toast{position:fixed;z-index:72;bottom:calc(84px + env(safe-area-inset-bottom));right:20px;width:320px;max-width:calc(100vw - 40px);padding:16px;border:1px solid #bfdbfe;border-radius:12px;background:#eff6ff;color:#172554;box-shadow:0 6px 20px #17255430}#notification-center button:focus-visible,#notification-center a:focus-visible,#notification-center summary:focus-visible{outline:3px solid #60a5fa;outline-offset:3px}.notice-settings .notice-preference-group{border:0;border-top:1px solid #e2e8f0;padding:10px 0 4px;margin:14px 0}.notice-preference-group legend{padding-right:8px;font-size:12px;font-weight:700;color:#172554}.notice-preference-group input{accent-color:#1d4ed8}.notice-settings button:disabled{opacity:.5;cursor:default}