.garage-notification-button{position:absolute;right:58px;top:12px;z-index:7;width:38px;height:38px;border:1px solid rgba(99,235,255,.38);background:#08111a;color:#dffcff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 18px rgba(0,224,255,.08)}
.garage-notification-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8}
.member-notification-badge{position:absolute;right:-6px;top:-7px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ff2c88;color:#fff;font:900 10px/18px ui-monospace,monospace;text-align:center;box-shadow:0 0 12px rgba(255,44,136,.55)}
.member-notification-drawer{position:fixed;inset:0;z-index:9999;background:rgba(2,5,10,.78);backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:flex-end;padding:16px}
.member-notification-drawer.is-open{display:flex}
.member-notification-panel{width:min(440px,100%);max-height:calc(100dvh - 32px);overflow:hidden;display:flex;flex-direction:column;background:#070d14;border:1px solid rgba(90,231,255,.35);box-shadow:0 20px 60px rgba(0,0,0,.65)}
.member-notification-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.09)}
.member-notification-head h4{margin:0;font:900 22px var(--display,Impact,sans-serif);text-transform:uppercase;letter-spacing:.02em}
.member-notification-actions{display:flex;gap:8px}.member-notification-actions button{border:1px solid rgba(90,231,255,.3);background:#0b141e;color:#dffcff;padding:8px 10px;font:800 9px ui-monospace,monospace;text-transform:uppercase;cursor:pointer}
.member-notification-list{overflow:auto;padding:10px}.member-notification-item{display:block;color:inherit;text-decoration:none;border:1px solid rgba(255,255,255,.09);background:#09111a;padding:12px;margin-bottom:8px}.member-notification-item.is-unread{border-color:rgba(255,44,136,.48);background:linear-gradient(90deg,rgba(255,44,136,.09),#09111a 38%)}
.member-notification-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.member-notification-item b{font:900 14px var(--display,Impact,sans-serif);text-transform:uppercase}.member-notification-item time{color:#728091;font:700 9px ui-monospace,monospace;white-space:nowrap}.member-notification-item p{margin:6px 0 0;color:#aebac7;font:500 10px/1.5 ui-monospace,monospace}.member-notification-empty{padding:34px 15px;text-align:center;color:#788695;font:700 11px ui-monospace,monospace}
@media(max-width:720px){.garage-notification-button{right:55px;top:10px}.member-notification-drawer{padding:0;align-items:flex-end}.member-notification-panel{width:100%;max-height:82dvh;border-left:0;border-right:0;border-bottom:0}.member-notification-head{padding:14px}}