.notif-center{--notif-bg:#fff;--notif-fg:#1f2937;--notif-muted:#6b7280;--notif-border:#e5e7eb;--notif-shadow:0 10px 30px #0000001f;--notif-radius:10px;--notif-z:11000;--notif-error-bg:#fef2f2;--notif-error-fg:#b91c1c;--notif-error-border:#fecaca;--notif-warning-bg:#fffbeb;--notif-warning-fg:#b45309;--notif-warning-border:#fde68a;--notif-info-bg:#eff6ff;--notif-info-fg:#1d4ed8;--notif-info-border:#bfdbfe;--notif-success-bg:#ecfdf5;--notif-success-fg:#047857;--notif-success-border:#a7f3d0;z-index:var(--notif-z);pointer-events:none;flex-direction:column;align-items:flex-start;display:flex;position:fixed}.notif-center>*{pointer-events:auto}.notif-center.notif-center--top-right{align-items:flex-end;top:12px;right:12px}.notif-center.notif-center--top-left{align-items:flex-start;top:12px;left:12px}.notif-center.notif-center--bottom-right{align-items:flex-end;bottom:12px;right:12px}.notif-center.notif-center--bottom-left{align-items:flex-start;bottom:12px;left:12px}.notif-bell{border:1px solid var(--notif-border);background:var(--notif-bg);width:40px;height:40px;color:var(--notif-fg);cursor:pointer;box-shadow:var(--notif-shadow);border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,background .12s,color .12s;display:inline-flex;position:relative}.notif-bell:hover{transform:translateY(-1px)}.notif-bell:focus-visible{outline:2px solid var(--notif-info-fg);outline-offset:2px}.notif-bell.notif-bell--open{background:var(--notif-fg);color:#fff}.notif-bell.notif-bell--error{color:var(--notif-error-fg);border-color:var(--notif-error-border)}.notif-bell.notif-bell--warning{color:var(--notif-warning-fg);border-color:var(--notif-warning-border)}.notif-bell.notif-bell--info{color:var(--notif-info-fg);border-color:var(--notif-info-border)}.notif-bell.notif-bell--success{color:var(--notif-success-fg);border-color:var(--notif-success-border)}.notif-bell.notif-bell--shake{animation:.54s cubic-bezier(.36,.07,.19,.97) both notif-shake}.notif-bell__badge{background:var(--notif-error-fg);color:#fff;text-align:center;pointer-events:none;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--notif-bg);border-radius:9px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;top:-4px;right:-4px}.notif-bell--warning .notif-bell__badge{background:var(--notif-warning-fg)}.notif-bell--info .notif-bell__badge{background:var(--notif-info-fg)}.notif-bell--success .notif-bell__badge{background:var(--notif-success-fg)}@keyframes notif-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.notif-panel{background:var(--notif-bg);width:min(380px,100vw - 24px);max-height:min(520px,100vh - 80px);color:var(--notif-fg);border:1px solid var(--notif-border);border-radius:var(--notif-radius);box-shadow:var(--notif-shadow);flex-direction:column;margin-top:8px;animation:.14s both notif-fade-in;display:flex;overflow:hidden}@keyframes notif-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.notif-panel__header{border-bottom:1px solid var(--notif-border);justify-content:space-between;align-items:center;padding:10px 12px;font-weight:600;display:flex}.notif-panel__title{font-size:14px}.notif-panel__clear{color:var(--notif-info-fg);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12px}.notif-panel__clear:hover{background:var(--notif-info-bg)}.notif-panel__body{padding:6px 0;overflow-y:auto}.notif-panel__empty{color:var(--notif-muted);text-align:center;padding:24px 16px;font-size:13px}.notif-group{padding:4px 0}.notif-group+.notif-group{border-top:1px dashed var(--notif-border)}.notif-group__label{letter-spacing:.04em;text-transform:uppercase;color:var(--notif-muted);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.notif-group--error .notif-group__label{color:var(--notif-error-fg)}.notif-group--warning .notif-group__label{color:var(--notif-warning-fg)}.notif-group--info .notif-group__label{color:var(--notif-info-fg)}.notif-group--success .notif-group__label{color:var(--notif-success-fg)}.notif-group__count{background:var(--notif-border);min-width:18px;height:18px;color:var(--notif-fg);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;display:inline-flex}.notif-item{border-left:3px solid #0000;grid-template-columns:22px 1fr 22px;align-items:start;gap:8px;padding:8px 12px;font-size:13px;line-height:1.35;display:grid}.notif-item:hover{background:#00000006}.notif-item.notif-item--error{border-left-color:var(--notif-error-fg)}.notif-item.notif-item--warning{border-left-color:var(--notif-warning-fg)}.notif-item.notif-item--info{border-left-color:var(--notif-info-fg)}.notif-item.notif-item--success{border-left-color:var(--notif-success-fg)}.notif-item__icon{justify-content:center;align-items:center;margin-top:1px;display:flex}.notif-item--error .notif-item__icon{color:var(--notif-error-fg)}.notif-item--warning .notif-item__icon{color:var(--notif-warning-fg)}.notif-item--info .notif-item__icon{color:var(--notif-info-fg)}.notif-item--success .notif-item__icon{color:var(--notif-success-fg)}.notif-item__body{word-break:break-word;flex-direction:column;gap:2px;display:flex}.notif-item__message{color:var(--notif-fg)}.notif-item__count{color:var(--notif-muted);background:var(--notif-border);border-radius:10px;align-self:flex-start;padding:1px 6px;font-size:11px;font-weight:600}.notif-item__dismiss{appearance:none;color:var(--notif-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:inline-flex}.notif-item__dismiss:hover{color:var(--notif-fg);background:#0000000f}