:root{--bg:#f7f8fb;--surface:#fff;--surface-muted:#f1f5f9;--border:#e5e7eb;--border-strong:#d1d5db;--text:#0f172a;--text-muted:#64748b;--text-subtle:#94a3b8;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--success:#10b981;--success-soft:#ecfdf5;--warning:#f59e0b;--warning-soft:#fffbeb;--danger:#ef4444;--danger-soft:#fef2f2;--topbar-bg:#fff;--topbar-fg:#0f172a;--topbar-fg-muted:#64748b;--topbar-border:#e5e7eb;--topbar-hover:#f1f5f9;--topbar-active-bg:#eef2ff;--topbar-active-fg:#4f46e5;--shadow-sm:0 1px 2px rgba(15,23,42,.04);--shadow-md:0 4px 16px rgba(15,23,42,.06);--shadow-lg:0 16px 40px rgba(15,23,42,.08);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;color-scheme:light}[data-theme=dark]{--bg:#0b1220;--surface:#111827;--surface-muted:#1e293b;--border:#1f2937;--border-strong:#334155;--text:#f1f5f9;--text-muted:#94a3b8;--text-subtle:#64748b;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-soft:rgba(129,140,248,.15);--success:#34d399;--success-soft:rgba(52,211,153,.15);--warning:#fbbf24;--warning-soft:rgba(251,191,36,.15);--danger:#f87171;--danger-soft:hsla(0,91%,71%,.15);--topbar-bg:#0f172a;--topbar-fg:#f1f5f9;--topbar-fg-muted:#94a3b8;--topbar-border:#1f2937;--topbar-hover:#1e293b;--topbar-active-bg:rgba(129,140,248,.18);--topbar-active-fg:#c7d2fe;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 16px 40px rgba(0,0,0,.5);color-scheme:dark}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;background:var(--bg);-webkit-font-smoothing:antialiased}body,h1,h2,h3,h4{color:var(--text)}h1,h2,h3,h4{margin:0 0 4px;letter-spacing:-.01em}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}p{color:var(--text-muted);margin:0 0 12px}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--topbar-bg);color:var(--topbar-fg);border-bottom:1px solid var(--topbar-border);padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:60px}.topbar>.logo{justify-self:start}.topbar>nav{justify-self:center}.topbar>.topbar-right{justify-self:end}.topbar .logo{display:inline-flex;align-items:center;gap:10px;line-height:1}.topbar .logo,.topbar .logo:hover{text-decoration:none}.topbar .logo-img{height:36px;width:auto;display:block;flex-shrink:0}.topbar .logo-dark,[data-theme=dark] .topbar .logo-light{display:none}[data-theme=dark] .topbar .logo-dark{display:block}.topbar .logo-wordmark{font-family:Bahnschrift,Segoe UI,system-ui,sans-serif;font-size:19px;font-weight:700;letter-spacing:-.01em;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.25em}.topbar .logo-wordmark-a{color:var(--topbar-fg)}.topbar .logo-wordmark-b{color:#f59e0b;font-weight:800}.topbar nav{display:flex;gap:4px;align-items:center}.topbar a{color:var(--topbar-fg-muted);text-decoration:none;padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;transition:background .15s,color .15s}.topbar a:hover{background:var(--topbar-hover);color:var(--topbar-fg);text-decoration:none}.topbar a.active{background:var(--topbar-active-bg);color:var(--topbar-active-fg)}.topbar-right{display:flex;align-items:center;gap:10px}.user-chip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px 0 6px;background:transparent;border:1px solid var(--border-strong);border-radius:999px;color:var(--topbar-fg);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;max-width:220px}.user-chip:hover{background:var(--topbar-hover)}.user-chip-avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:11px;flex-shrink:0}.user-chip-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.theme-toggle{background:transparent;border:1px solid var(--border-strong);color:var(--topbar-fg-muted);width:36px;height:36px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.theme-toggle:hover{background:var(--topbar-hover);color:var(--topbar-fg);border-color:var(--border-strong)}.main{padding:32px 36px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-sm);margin-bottom:18px}.card.card-flush{padding:0;overflow:hidden}.table-scroll{overflow-x:auto}.table-scroll table{min-width:1000px}td.col-num,th.col-num{width:56px;text-align:right;color:var(--text-subtle);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}th.sortable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .1s,color .1s;white-space:nowrap}th.sortable:hover{background:var(--border);color:var(--text)}th.sortable .sort-indicator{display:inline-block;margin-left:6px;font-size:11px;font-weight:500;opacity:.35;transition:opacity .1s,color .1s}th.sortable.sorted{color:var(--primary)}th.sortable.sorted .sort-indicator{opacity:1;color:var(--primary)}.pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 22px;border-top:1px solid var(--border);background:var(--surface)}.pagination-left,.pagination-right{display:flex;align-items:center;gap:10px}.pagination-left label{color:var(--text-muted);font-size:13px;font-weight:500}.pagination select{width:auto;padding:6px 10px;font-size:13px}.pagination-info{color:var(--text-muted);font-size:13px;white-space:nowrap}.pagination button{padding:6px 10px;font-size:13px;min-width:36px}.popover-wrapper{position:relative;display:inline-flex}.popover-backdrop{position:fixed;inset:0;z-index:30}.popover{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:6px;z-index:40;min-width:220px;max-height:70vh;overflow-y:auto;animation:modal-pop .15s ease-out}.popover-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;padding:6px 10px 8px;border-bottom:1px solid var(--border);margin-bottom:4px}.popover-header button.ghost{font-size:11px;padding:2px 8px}.popover-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.popover-item:hover{background:var(--surface-muted)}.popover-item input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--primary);cursor:pointer}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--border)}.card-header .title-block h2{margin:0}.card-header .title-block p{margin:2px 0 0;font-size:13px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.page-header h2{font-size:24px}.page-header p{margin:4px 0 0}.page-header .meta{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:13px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:16px;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase}.field .hint{font-size:12px;color:var(--text-subtle)}input:not([type]),input[type=date],input[type=email],input[type=number],input[type=search],input[type=tel],input[type=text],select,textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:9px 12px;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--text-subtle)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(79,70,229,.15)}input[type=file]{padding:7px 8px;background:var(--surface-muted);border:1px dashed var(--border-strong);cursor:pointer}input[type=date]{color-scheme:light;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.01em;padding-left:38px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='18' rx='2'/><line x1='16' y1='2' x2='16' y2='6'/><line x1='8' y1='2' x2='8' y2='6'/><line x1='3' y1='10' x2='21' y2='10'/></svg>");background-repeat:no-repeat;background-position:12px;cursor:text}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;padding:4px;margin-right:-2px;border-radius:6px;opacity:.55;-webkit-transition:opacity .15s,background .15s;transition:opacity .15s,background .15s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;background:var(--primary-soft)}input[type=date]:focus::-webkit-calendar-picker-indicator{opacity:.9}input[type=date]::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=date]::-webkit-datetime-edit-day-field:focus,input[type=date]::-webkit-datetime-edit-month-field:focus,input[type=date]::-webkit-datetime-edit-year-field:focus{background:var(--primary-soft);color:var(--primary);border-radius:4px;outline:none}.form-actions{display:flex;gap:10px;align-items:center;margin-top:18px}.button,button{font:inherit;font-weight:600;font-size:14px;border:1px solid transparent;background:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:9px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:background .15s,border-color .15s,color .15s,transform .05s}.button:hover,button:hover{background:var(--primary-hover);text-decoration:none}.button:active,button:active{transform:translateY(1px)}.button:disabled,button:disabled{opacity:.55;cursor:not-allowed;transform:none}.button.secondary,button.secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.button.secondary:hover,button.secondary:hover{background:var(--surface-muted)}.button.ghost,button.ghost{background:transparent;color:var(--text-muted);border-color:transparent;padding:6px 10px}.button.ghost:hover,button.ghost:hover{background:var(--surface-muted);color:var(--text)}.button.danger,button.danger{background:var(--danger)}.button.danger:hover,button.danger:hover{background:#dc2626}.icon-btn,button.icon-btn{background:transparent;color:var(--text-muted);border:1px solid var(--border-strong);padding:6px;width:32px;height:32px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover,button.icon-btn:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.icon-btn:disabled,button.icon-btn:disabled{background:transparent;color:var(--text-subtle);border-color:var(--border)}.icon-btn.danger,button.icon-btn.danger{background:transparent;color:var(--danger);border-color:var(--border-strong)}.icon-btn.danger:hover,button.icon-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.icon-btn.solid-primary,button.icon-btn.solid-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.icon-btn.solid-primary:hover,button.icon-btn.solid-primary:hover{background:var(--primary-hover);color:#fff;border-color:var(--primary-hover)}.icon-btn.solid-primary:disabled,button.icon-btn.solid-primary:disabled{background:var(--border-strong);color:#fff;border-color:var(--border-strong);opacity:.55}.icon-btn.solid-danger,button.icon-btn.solid-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.icon-btn.solid-danger:hover,button.icon-btn.solid-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.login-shell{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);overflow:hidden;isolation:isolate}.login-aurora{position:absolute;inset:-10vmax;z-index:0;background:radial-gradient(circle at 18% 20%,color-mix(in srgb,var(--primary) 55%,transparent),transparent 45%),radial-gradient(circle at 80% 12%,color-mix(in srgb,#8b5cf6 55%,transparent),transparent 50%),radial-gradient(circle at 78% 88%,color-mix(in srgb,#f59e0b 45%,transparent),transparent 50%),radial-gradient(circle at 18% 82%,color-mix(in srgb,var(--success) 45%,transparent),transparent 50%);background-size:200% 200%;filter:blur(45px) saturate(120%);opacity:.55;animation:aurora-pan 14s ease-in-out infinite alternate}[data-theme=dark] .login-aurora{opacity:.42}@keyframes aurora-pan{0%{background-position:0 0}to{background-position:100% 100%}}.envelope-field{position:absolute;inset:0;pointer-events:none;z-index:1}.envelope{position:absolute;top:0;left:0;width:var(--size,16px);height:var(--size,16px);filter:drop-shadow(0 0 6px currentColor);opacity:0;animation:env-fly var(--dur,12s) linear var(--delay,0s) infinite both}.envelope,.envelope-a{color:var(--primary)}.envelope-b{color:#8b5cf6}.envelope-c{color:#f59e0b}[data-theme=dark] .envelope{filter:drop-shadow(0 0 8px currentColor)}@keyframes env-fly{0%{transform:translate(var(--sx),var(--sy)) rotate(var(--rot,0deg));opacity:0}8%{opacity:.85}92%{opacity:.85}to{transform:translate(var(--ex),var(--ey)) rotate(calc(var(--rot, 0deg) * -1));opacity:0}}@media (prefers-reduced-motion:reduce){.login-aurora{animation:none}.envelope{display:none}}.brand-accent{background:linear-gradient(90deg,var(--primary),#8b5cf6 50%,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid color-mix(in srgb,var(--border) 70%,transparent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px 32px 28px;animation:login-card-in .45s ease-out both}@keyframes login-card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.login-brand{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:14px}.login-logo{height:56px;width:auto;display:block;flex-shrink:0}.login-card .logo-dark,[data-theme=dark] .login-card .logo-light{display:none}[data-theme=dark] .login-card .logo-dark{display:block}.login-wordmark{font-family:Bahnschrift,Segoe UI,system-ui,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.015em;line-height:1.1;white-space:nowrap;display:inline-flex;align-items:baseline;gap:.3em}.login-wordmark-a{color:var(--text)}.login-wordmark-b{color:#f59e0b;font-weight:800}.login-sub{color:var(--text-muted);text-align:center;margin:0 0 26px;font-size:13px}.row-actions{display:inline-flex;align-items:center;gap:8px;justify-content:flex-end}.inbox-btn-wrap{position:relative;display:inline-flex;vertical-align:middle}.inbox-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:10px;font-weight:800;letter-spacing:.02em;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--surface);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.ai-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ai-toggle input{position:absolute;opacity:0;width:0;height:0}.ai-toggle-track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--border-strong);transition:background .18s ease;flex-shrink:0}.ai-toggle-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:transform .2s ease,color .18s ease;box-shadow:0 1px 3px rgba(15,23,42,.18)}.ai-toggle input:checked~.ai-toggle-track{background:linear-gradient(135deg,var(--primary),#8b5cf6)}.ai-toggle input:checked~.ai-toggle-track .ai-toggle-thumb{transform:translateX(18px);color:var(--primary)}.ai-toggle:focus-within .ai-toggle-track{box-shadow:0 0 0 3px rgba(79,70,229,.2)}.ai-toggle input:disabled~.ai-toggle-track{opacity:.55;cursor:not-allowed}.ai-toggle-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase}.ai-toggle input:checked~.ai-toggle-label{color:var(--primary)}.search{position:relative;min-width:240px}.search input{padding-left:34px;background:var(--surface)}.search:before{content:"";position:absolute;left:12px;top:50%;width:14px;height:14px;transform:translateY(-50%);background:var(--text-subtle);-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") center /contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='7'/><line x1='21' y1='21' x2='16.65' y2='16.65'/></svg>") center /contain no-repeat}table{width:100%;border-collapse:separate;border-spacing:0}thead th{text-align:left;padding:12px 18px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-muted);border-bottom:1px solid var(--border)}thead th:first-child{padding-left:22px}thead th:last-child{padding-right:22px}tbody td{padding:14px 18px;border-bottom:1px solid var(--border);font-size:14px;vertical-align:middle}tbody td:first-child{padding-left:22px}tbody td:last-child{padding-right:22px}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover{background:var(--surface-muted)}.cell-primary{display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;color:var(--primary);background:var(--primary-soft);flex-shrink:0}.cell-primary .stack{display:flex;flex-direction:column;line-height:1.2}.badge,.cell-primary .stack .muted{font-size:12px;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:var(--surface-muted);font-weight:600;letter-spacing:.01em}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.badge.success{background:var(--success-soft);color:var(--success)}.badge.warning{background:var(--warning-soft);color:var(--warning)}.badge.danger{background:var(--danger-soft);color:var(--danger)}.badge.primary{background:var(--primary-soft);color:var(--primary)}.empty-state{padding:48px 24px;text-align:center;color:var(--text-muted)}.empty-state .icon{width:48px;height:48px;margin:0 auto 12px;border-radius:12px;background:var(--surface-muted);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-subtle)}.empty-state h3{color:var(--text);margin:0 0 4px}.empty-state p{margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:18px}.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.kpi-tile:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.kpi-icon{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-muted);color:var(--text-muted)}.kpi-icon svg{width:20px;height:20px}.kpi-content{min-width:0;flex:1 1}.kpi-primary .kpi-icon{background:var(--primary-soft);color:var(--primary)}.kpi-success .kpi-icon{background:var(--success-soft);color:var(--success)}.kpi-warning .kpi-icon{background:var(--warning-soft);color:var(--warning)}.kpi-danger .kpi-icon{background:var(--danger-soft);color:var(--danger)}.kpi-icon-pulse{position:relative}.kpi-icon-pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 currentColor;animation:kpi-pulse 2.4s ease-out infinite;opacity:.5}@keyframes kpi-pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:.35}70%{box-shadow:0 0 0 10px currentColor;opacity:0}to{box-shadow:0 0 0 0 currentColor;opacity:0}}.kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.kpi-value{font-size:28px;font-weight:800;letter-spacing:-.02em;margin-top:4px;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.kpi-hint{margin-top:4px;color:var(--text-subtle);font-size:12px}.stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:10px;gap:10px;margin-bottom:18px}.stat-chip{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px}.stat-chip-icon{width:26px;height:26px;flex-shrink:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-muted);color:var(--text-muted)}.stat-chip-icon svg{width:14px;height:14px}.stat-chip-label{color:var(--text-muted);flex:1 1}.stat-chip-value{font-weight:700;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-success .stat-chip-icon{background:var(--success-soft);color:var(--success)}.stat-success .stat-chip-value{color:var(--success)}.stat-warning .stat-chip-icon{background:var(--warning-soft);color:var(--warning)}.stat-warning .stat-chip-value{color:var(--warning)}.stat-danger .stat-chip-icon{background:var(--danger-soft);color:var(--danger)}.stat-danger .stat-chip-value{color:var(--danger)}.card-section-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px}.card-section-head h3{margin:0}.card-section-head p{margin:2px 0 0;color:var(--text-muted);font-size:13px}.chart-legend{display:flex;gap:14px;font-size:12px;color:var(--text-muted);align-items:center}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.chart-legend .dot-sent{background:var(--success)}.chart-legend .dot-failed{background:var(--danger)}.chart-row{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:14px;gap:14px;align-items:end;height:200px;padding-top:4px}.chart-col{display:flex;flex-direction:column;align-items:center;height:100%;position:relative}.chart-value{font-size:11px;font-weight:700;color:var(--text-muted);height:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-bar{flex:1 1;width:100%;max-width:56px;display:flex;flex-direction:column-reverse;background:var(--surface-muted);border-radius:8px 8px 4px 4px;overflow:hidden;position:relative}.chart-fill{width:100%;transition:height .35s ease}.chart-fill-sent{background:var(--success)}.chart-fill-failed{background:var(--danger);opacity:.9}.chart-label{margin-top:8px;font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.chart-col-today .chart-bar{outline:2px solid var(--primary);outline-offset:2px}.chart-col-today .chart-label{color:var(--primary)}.alert{margin-top:14px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--danger-soft);color:var(--danger);font-size:13px;border:1px solid rgba(239,68,68,.2)}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:50;animation:modal-fade .15s ease-out}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:720px;max-height:calc(100vh - 48px);overflow:auto;animation:modal-pop .18s ease-out}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 22px 12px}.modal-header .title-block h3{margin:0;font-size:18px}.modal-header .title-block p{margin:4px 0 0;font-size:13px}.modal-close{width:32px;height:32px;padding:0;border-radius:8px;background:transparent;color:var(--text-muted);border:1px solid transparent;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--surface-muted);color:var(--text)}.modal-body{padding:4px 22px 8px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:16px 22px 20px}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}