.portal-header-actions{display:flex;align-items:center;gap:10px}.notification-bell{position:relative;z-index:80}.notification-bell>summary{list-style:none;cursor:pointer;position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(67,170,255,.45);border-radius:12px;background:rgba(3,18,35,.9);color:#dff5ff;box-shadow:0 0 18px rgba(10,132,255,.18)}.notification-bell>summary::-webkit-details-marker{display:none}.notification-bell>summary:hover{border-color:#0a84ff;box-shadow:0 0 22px rgba(10,132,255,.38)}.notification-count{position:absolute;right:-6px;top:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#e63946;color:#fff;font-size:11px;font-weight:800;line-height:20px;text-align:center;border:2px solid #020617}.notification-popover{position:absolute;right:0;top:52px;width:min(390px,calc(100vw - 24px));max-height:520px;overflow:auto;border:1px solid rgba(67,170,255,.45);border-radius:14px;background:#061321;box-shadow:0 20px 55px rgba(0,0,0,.58);padding:10px}.notification-popover-head{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 12px;border-bottom:1px solid rgba(127,220,255,.15)}.notification-popover-head strong{color:#fff}.notification-popover-head span{font-size:12px;color:#7fdcff}.notification-item{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:11px 8px;border-radius:10px;text-decoration:none;color:#dff5ff;border-bottom:1px solid rgba(255,255,255,.06)}.notification-item:hover{background:rgba(10,132,255,.12)}.notification-item>i{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:rgba(10,132,255,.15);color:#7fdcff}.notification-item strong,.notification-item small{display:block}.notification-item strong{font-size:14px;color:#fff}.notification-item small{margin-top:3px;color:#9fc9da;font-size:12px;line-height:1.35}.notification-empty{display:flex;align-items:center;gap:10px;padding:18px;color:#9fc9da}.notification-popover-foot{padding:10px 8px 3px;text-align:center}.notification-popover-foot a{color:#7fdcff;font-weight:700;text-decoration:none}.portal-notification-strip{max-width:var(--width,1440px);margin:10px auto 0;padding:10px 14px;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,193,7,.45);border-radius:12px;background:rgba(87,58,0,.28);color:#ffe7a3;box-sizing:border-box}.portal-notification-strip strong{color:#fff}.portal-notification-strip span{color:#ffe7a3}.notification-bell-admin>summary{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16)}.notification-center-title{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.08)}.notification-center-title h2{margin:4px 0}.notification-center-title p{margin:0;color:#9fc9da}.notification-center-count{min-width:78px;text-align:center;padding:8px 12px;border-radius:999px;background:rgba(230,57,70,.16);border:1px solid rgba(230,57,70,.45);font-weight:800;color:#ffd7db}.admin-notification-list{display:grid;gap:8px}.admin-notification-row{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px;border:1px solid rgba(127,220,255,.12);border-radius:10px;text-decoration:none;color:inherit;background:rgba(255,255,255,.025)}.admin-notification-row:hover{border-color:rgba(10,132,255,.5);background:rgba(10,132,255,.09)}.admin-notification-row>i{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:rgba(10,132,255,.14);color:#7fdcff}.admin-notification-row strong,.admin-notification-row small{display:block}.admin-notification-row strong{color:#fff}.admin-notification-row small{margin-top:3px;color:#9fc9da}.admin-notification-row em{font-style:normal;font-size:12px;color:#8fb3c4;white-space:nowrap}.admin-notification-row b{color:#7fdcff;white-space:nowrap;font-size:13px}.admin-notification-empty{justify-content:center;min-height:70px}.admin-account .notification-bell{z-index:120}
@media(max-width:720px){.portal-notification-strip{margin:8px 8px 0;align-items:flex-start;flex-wrap:wrap}.portal-notification-strip span{width:100%;padding-left:24px}.notification-popover{position:fixed;left:12px;right:12px;top:72px;width:auto;max-height:70vh}.admin-notification-row{grid-template-columns:36px 1fr}.admin-notification-row em,.admin-notification-row b{grid-column:2}.notification-center-title{align-items:flex-start;flex-direction:column}.admin-account .notification-bell>summary{width:40px;height:40px}}