.notification-center-wrap{position:relative}.notification-center-wrap>.admin-icon-button{width:44px;height:44px;color:var(--admin-text,#0f172a);border:1px solid var(--admin-border,#dbe3ef);cursor:pointer;background:#fff;border-radius:13px;flex:0 0 44px;place-items:center;display:grid;position:relative}.notification-center-wrap>.admin-icon-button>span{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:9px;font-weight:900;display:grid;position:absolute;top:-5px;right:-5px}.notification-popover{z-index:80;width:min(430px,100vw - 28px);max-height:min(620px,78vh);color:var(--admin-text,#0f172a);border:1px solid var(--admin-border,#dbe3ef);background:#fff;border-radius:18px;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a38}.notification-popover-header,.notification-popover-footer{background:#fff;border:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notification-popover-header{border-bottom:1px solid var(--admin-border)}.notification-popover-header strong,.notification-popover-header small{display:block}.notification-popover-header strong{font-size:15px}.notification-popover-header small{color:var(--admin-muted);margin-top:2px;font-size:10px}.notification-popover-header button,.notification-popover-footer{color:var(--admin-primary);cursor:pointer;font-size:11px;font-weight:900}.notification-popover-header button:disabled{color:#94a3b8;cursor:not-allowed}.notification-popover-body{max-height:min(470px,60vh);overflow-y:auto}.notification-popover-item{text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #edf2f7;align-items:center;gap:11px;width:100%;min-height:82px;padding:12px 15px;display:flex}.notification-popover-item.is-unread{background:color-mix(in srgb, var(--admin-primary) 5%, #fff)}.notification-popover-item:hover{background:var(--admin-surface-soft)}.notification-priority{border-radius:50%;flex:0 0 9px;width:9px;height:9px}.notification-priority.is-urgent{background:#dc2626;box-shadow:0 0 0 4px #fee2e2}.notification-priority.is-important{background:#d97706;box-shadow:0 0 0 4px #fef3c7}.notification-priority.is-normal{background:#16a34a;box-shadow:0 0 0 4px #dcfce7}.notification-popover-copy{flex:1;min-width:0}.notification-popover-copy strong,.notification-popover-copy small,.notification-popover-copy>span{display:block}.notification-popover-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.notification-popover-copy small{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:10px;display:-webkit-box;overflow:hidden}.notification-popover-copy>span{color:var(--admin-muted);margin-top:6px;font-size:9px}.notification-popover-footer{border-top:1px solid var(--admin-border);justify-content:center;width:100%}.notification-state,.notification-page-state{text-align:center;align-content:center;place-items:center;gap:7px;min-height:190px;padding:28px;display:grid}.notification-state strong,.notification-page-state strong{font-size:12px}.notification-state small,.notification-page-state small{color:var(--admin-muted);font-size:10px}.notification-state button,.notification-page-state button{min-height:34px;color:var(--admin-primary);border:1px solid var(--admin-border);cursor:pointer;background:#fff;border-radius:9px;padding:7px 12px;font-weight:800}.notification-spinner{border:3px solid #dbeafe;border-top-color:var(--admin-primary);border-radius:50%;width:24px;height:24px;animation:.75s linear infinite notification-spin}.notification-empty-icon{color:#15803d;background:#dcfce7;border-radius:13px;place-items:center;width:38px;height:38px;display:grid}@keyframes notification-spin{to{transform:rotate(360deg)}}.notification-center-page{gap:18px;max-width:1440px;margin:0 auto;display:grid}.notification-center-hero,.notification-desktop-card,.notification-list-card{border:1px solid var(--admin-border);background:#fff;border-radius:22px;box-shadow:0 16px 42px #0f172a12}.notification-center-hero{background:linear-gradient(135deg,#fff 0% 62%,#eff6ff 100%);justify-content:space-between;align-items:center;gap:24px;min-height:170px;padding:clamp(24px,4vw,42px);display:flex}.notification-kicker{color:var(--admin-primary);letter-spacing:.15em;text-transform:uppercase;font-size:10px;font-weight:900}.notification-center-hero h2{margin:8px 0 7px;font-size:clamp(26px,3vw,38px)}.notification-center-hero p,.notification-desktop-card p{color:var(--admin-muted);margin:0;line-height:1.6}.notification-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.notification-summary-grid article{border:1px solid var(--admin-border);background:#fff;border-radius:18px;min-height:122px;padding:20px}.notification-summary-grid span,.notification-summary-grid small{color:var(--admin-muted);font-size:11px;display:block}.notification-summary-grid strong{margin:8px 0 5px;font-size:28px;display:block}.notification-desktop-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:20px;display:grid}.notification-desktop-icon,.notification-module-icon{color:var(--admin-primary);background:#eff6ff;border-radius:14px;place-items:center;display:grid}.notification-desktop-icon{width:48px;height:48px}.notification-desktop-card strong{margin-bottom:4px;display:block}.notification-primary-action,.notification-secondary-action,.notification-link-action,.notification-pagination button{min-height:42px;font:inherit;cursor:pointer;border-radius:11px;padding:9px 15px;font-size:11px;font-weight:900}.notification-primary-action{color:#fff;background:linear-gradient(135deg, var(--admin-primary), var(--admin-accent));border:0}.notification-secondary-action,.notification-pagination button{color:var(--admin-primary);background:#fff;border:1px solid #bfdbfe}.notification-link-action{min-height:34px;color:var(--admin-muted);background:0 0;border:0;padding:6px 9px}.notification-primary-action:disabled,.notification-secondary-action:disabled,.notification-pagination button:disabled{opacity:.5;cursor:not-allowed}.notification-list-card{overflow:hidden}.notification-state-tabs{gap:8px;padding:16px 18px 0;display:flex;overflow-x:auto}.notification-state-tabs button{color:#475569;white-space:nowrap;cursor:pointer;background:#f8fafc;border:1px solid #0000;border-radius:11px;min-height:40px;padding:8px 15px;font-weight:800}.notification-state-tabs button.is-active{color:#fff;background:var(--admin-primary)}.notification-filter-grid{border-bottom:1px solid var(--admin-border);grid-template-columns:2fr 1fr 1fr;gap:12px;padding:16px 18px;display:grid}.notification-filter-grid label span{color:#334155;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.notification-filter-grid input,.notification-filter-grid select{width:100%;min-height:44px;color:var(--admin-text);border:1px solid var(--admin-border);background:#fff;border-radius:11px;outline:none;padding:9px 12px}.notification-filter-grid input:focus,.notification-filter-grid select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--admin-primary) 13%, transparent)}.notification-history-item{border-bottom:1px solid #e2e8f0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:18px;display:grid}.notification-history-item.is-unread{box-shadow:inset 4px 0 var(--admin-primary);background:linear-gradient(90deg,#eff6ff 0,#fff 34%)}.notification-module-icon{width:44px;height:44px}.notification-module-icon.is-urgent{color:#b91c1c;background:#fee2e2}.notification-module-icon.is-important{color:#b45309;background:#fef3c7}.notification-history-copy{min-width:0}.notification-history-copy>div{flex-wrap:wrap;gap:7px;display:flex}.notification-category,.notification-workflow{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 7px;font-size:8px;font-weight:900}.notification-category{color:#1d4ed8;background:#dbeafe}.notification-workflow{color:#475569;background:#f1f5f9}.notification-workflow.is-action_required{color:#b91c1c;background:#fee2e2}.notification-workflow.is-approved{color:#15803d;background:#dcfce7}.notification-workflow.is-rejected{color:#b45309;background:#fef3c7}.notification-history-copy h3{margin:8px 0 4px;font-size:14px}.notification-history-copy p{color:#475569;margin:0;font-size:12px;line-height:1.5}.notification-history-copy small{color:var(--admin-muted);margin-top:8px;font-size:9px;display:block}.notification-history-actions{gap:4px;min-width:108px;display:grid}.notification-pagination{justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.notification-pagination>span{color:var(--admin-muted);font-size:10px}.notification-pagination>div{align-items:center;gap:10px;display:flex}.notification-pagination strong{font-size:10px}@media (width<=700px){.notification-popover{width:auto;position:fixed;top:72px;left:12px;right:12px}.notification-center-hero{flex-direction:column;align-items:stretch}.notification-summary-grid{grid-template-columns:1fr}.notification-desktop-card{grid-template-columns:auto minmax(0,1fr)}.notification-desktop-card>button{grid-column:1/-1;width:100%}.notification-filter-grid{grid-template-columns:1fr}.notification-history-item{grid-template-columns:auto minmax(0,1fr);align-items:start}.notification-history-actions{grid-column:1/-1;grid-template-columns:1fr 1fr}.notification-pagination{flex-direction:column;align-items:stretch}.notification-pagination>div{justify-content:space-between}}@media (width<=420px){.notification-popover-header{align-items:flex-start}.notification-popover-item{padding-inline:12px}.notification-history-item{grid-template-columns:1fr}.notification-module-icon{width:38px;height:38px}.notification-history-actions{grid-column:auto}}