html{--font-size: 14px;--background: #f0fdf4;--foreground: #1f2937;--card: #ffffff;--card-foreground: #1f2937;--secondary: #f3f4f6;--secondary-foreground: #374151;--muted: #f9fafb;--muted-foreground: #6b7280;--accent: #e5f7f0;--accent-foreground: #1f2937;--border: #d1d5db;--ring: #10b981;--primary: #10b981;--primary-foreground: #ffffff;--sat-header-bg: #a7f3d0;--sat-nav-bg: #ecfdf5;--sat-blue: #3b82f6;--sat-green: #10b981;--sat-red: #dc2626;--sat-gray: #6b7280;--sat-border: #d1d5db;--surface-subtle: #e8faf1;--surface-raised: color-mix(in srgb, var(--card) 90%, var(--secondary));--surface-accent: color-mix(in srgb, var(--sat-blue) 7%, var(--card));--link: #2563eb;--success: var(--sat-green);--success-surface: color-mix(in srgb, var(--sat-green) 14%, var(--card));--success-border: color-mix(in srgb, var(--sat-green) 28%, var(--card));--success-foreground: color-mix(in srgb, var(--sat-green) 72%, var(--foreground));--info: var(--sat-blue);--info-surface: color-mix(in srgb, var(--sat-blue) 14%, var(--card));--info-border: color-mix(in srgb, var(--sat-blue) 28%, var(--card));--info-foreground: color-mix(in srgb, var(--sat-blue) 72%, var(--foreground));--warning: #f59e0b;--warning-surface: color-mix(in srgb, #f59e0b 15%, var(--card));--warning-border: color-mix(in srgb, #f59e0b 30%, var(--card));--warning-foreground: color-mix(in srgb, #f59e0b 72%, var(--foreground));--danger: var(--sat-red);--danger-surface: color-mix(in srgb, var(--sat-red) 14%, var(--card));--danger-border: color-mix(in srgb, var(--sat-red) 28%, var(--card));--danger-foreground: color-mix(in srgb, var(--sat-red) 72%, var(--foreground))}html[data-theme=ocean]{--background: #eff6ff;--foreground: #172554;--card: #ffffff;--card-foreground: #172554;--secondary: #e0f2fe;--secondary-foreground: #164e63;--muted: #f8fbff;--muted-foreground: #475569;--accent: #dbeafe;--accent-foreground: #172554;--border: #bfdbfe;--ring: #0891b2;--primary: #0891b2;--sat-header-bg: #cfe8ff;--sat-nav-bg: #eef7ff;--sat-blue: #2563eb;--sat-green: #0891b2;--sat-red: #dc2626;--sat-gray: #64748b;--surface-subtle: #edf7ff;--link: #1d4ed8}html[data-theme=sunset]{--background: #fff7ed;--foreground: #431407;--card: #ffffff;--card-foreground: #431407;--secondary: #ffedd5;--secondary-foreground: #7c2d12;--muted: #fffaf5;--muted-foreground: #9a3412;--accent: #fed7aa;--accent-foreground: #431407;--border: #fdba74;--ring: #ea580c;--primary: #ea580c;--sat-header-bg: #fed7aa;--sat-nav-bg: #fff1e6;--sat-blue: #c2410c;--sat-green: #ea580c;--sat-red: #b91c1c;--sat-gray: #9a3412;--surface-subtle: #fff1e8;--link: #c2410c}html[data-theme=night]{--background: #0f172a;--foreground: #e2e8f0;--card: #111827;--card-foreground: #e2e8f0;--secondary: #1e293b;--secondary-foreground: #cbd5e1;--muted: #172033;--muted-foreground: #94a3b8;--accent: #132238;--accent-foreground: #e2e8f0;--border: #334155;--ring: #22d3ee;--primary: #22c55e;--sat-header-bg: #0b2133;--sat-nav-bg: #0f1b2b;--sat-blue: #38bdf8;--sat-green: #22c55e;--sat-red: #f87171;--sat-gray: #94a3b8;--surface-subtle: #0b1220;--link: #7dd3fc}html,body{height:100%}body{margin:0;font-family:Roboto,Helvetica Neue,sans-serif;background:var(--background);color:var(--foreground);font-size:var(--font-size)}html[data-theme=night] body{color-scheme:dark}*{box-sizing:border-box}app-support-dashboard .section-kicker{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--surface-raised) 72%,var(--card));color:var(--muted-foreground);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}app-support-dashboard .theme-switcher{display:grid;gap:4px;min-width:170px;color:var(--muted-foreground);font-size:.82rem}app-support-dashboard .theme-switcher span{font-weight:700;color:var(--foreground)}app-support-dashboard .header-actions{flex-wrap:wrap;align-items:center;justify-content:flex-end}app-support-dashboard .header-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}app-support-dashboard .role-badge{border:1px solid var(--success-border);background:var(--success-surface);color:var(--success-foreground);border-radius:999px;padding:4px 10px;font-size:.8rem;font-weight:700;letter-spacing:.02em}app-support-dashboard .role-badge.admin{border-color:var(--warning-border);background:var(--warning-surface);color:var(--warning-foreground)}app-support-dashboard .role-badge.agent{border-color:var(--success-border);background:var(--success-surface);color:var(--success-foreground)}app-support-dashboard .user-email{font-size:.86rem;color:var(--muted-foreground);background:color-mix(in srgb,var(--surface-raised) 70%,var(--card));border:1px solid var(--border);border-radius:999px;padding:4px 10px}app-support-dashboard .menu .active{background:var(--primary);color:var(--primary-foreground)}app-support-dashboard .panel{background:color-mix(in srgb,var(--card) 88%,var(--surface-raised));border-radius:14px;padding:18px;border:1px solid var(--border);box-shadow:0 18px 36px color-mix(in srgb,var(--foreground) 6%,transparent);margin-bottom:14px}app-support-dashboard .users-kpis article,app-support-dashboard .expiry-card{border:1px solid var(--border);border-radius:10px;padding:10px;background:color-mix(in srgb,var(--surface-subtle) 78%,var(--card))}app-support-dashboard .ghost{background:color-mix(in srgb,var(--card) 90%,var(--surface-raised));border:1px solid var(--border);color:var(--foreground)}app-support-dashboard .danger{background:var(--danger)}app-support-dashboard .message{margin:8px 0;padding:10px;border-radius:8px;font-weight:600;background:var(--success-surface);color:var(--success-foreground)}app-support-dashboard .message.error{background:var(--danger-surface);color:var(--danger);border:1px solid var(--danger-border)}app-support-dashboard .alerts-hub{padding:1.35rem}app-support-dashboard .alerts-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.9fr);gap:1rem;margin-bottom:1rem}app-support-dashboard .alerts-hero__content{display:grid;gap:.75rem}app-support-dashboard .alerts-hero__copy{max-width:62ch}app-support-dashboard .alerts-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}app-support-dashboard .alerts-hero__stats article{padding:1rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--border) 88%,var(--card));background:linear-gradient(180deg,color-mix(in srgb,var(--surface-raised) 78%,var(--card)),color-mix(in srgb,var(--card) 94%,var(--surface-subtle)));min-height:108px;display:grid;align-content:space-between}app-support-dashboard .alerts-hero__stats span{font-size:.82rem;color:var(--muted-foreground)}app-support-dashboard .alerts-hero__stats strong{font-size:1.7rem;color:var(--foreground)}app-support-dashboard .alert-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:1rem}app-support-dashboard .alert-composer,app-support-dashboard .alert-history{border:1px solid color-mix(in srgb,var(--border) 92%,var(--card));border-radius:20px;padding:1rem;background:color-mix(in srgb,var(--card) 92%,var(--surface-raised))}app-support-dashboard .alert-form,app-support-dashboard .alert-feed{display:grid;gap:.9rem}app-support-dashboard .alert-form label{display:grid;gap:.45rem;color:var(--foreground);font-size:.94rem;min-width:0}app-support-dashboard .alert-form label small{color:var(--muted-foreground);text-align:right}app-support-dashboard .alert-form-inline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;align-items:start}app-support-dashboard .alert-form-inline--triple{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}app-support-dashboard .alert-form input,app-support-dashboard .alert-form select,app-support-dashboard .alert-form textarea{width:100%}app-support-dashboard .alert-panel-header,app-support-dashboard .alert-form-actions,app-support-dashboard .alert-feed-head,app-support-dashboard .alert-feed-meta,app-support-dashboard .alert-preview__head,app-support-dashboard .alert-preview__meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}app-support-dashboard .alert-panel-header h3{margin:0}app-support-dashboard .alert-severity-pill{padding:.42rem .78rem;border-radius:999px;font-size:.78rem;font-weight:700;border:1px solid var(--info-border);background:var(--info-surface);color:var(--info-foreground)}app-support-dashboard .alert-severity-pill[data-severity=success]{border-color:var(--success-border);background:var(--success-surface);color:var(--success-foreground)}app-support-dashboard .alert-severity-pill[data-severity=warning]{border-color:var(--warning-border);background:var(--warning-surface);color:var(--warning-foreground)}app-support-dashboard .alert-severity-pill[data-severity=critical]{border-color:var(--danger-border);background:var(--danger-surface);color:var(--danger-foreground)}app-support-dashboard .alert-preview{padding:1rem;border-radius:18px;border:1px solid var(--info-border);background:linear-gradient(180deg,var(--info-surface) 0%,color-mix(in srgb,var(--card) 94%,var(--surface-raised)) 100%)}app-support-dashboard .alert-preview[data-severity=success]{border-color:var(--success-border);background:linear-gradient(180deg,var(--success-surface) 0%,color-mix(in srgb,var(--card) 94%,var(--surface-raised)) 100%)}app-support-dashboard .alert-preview[data-severity=warning]{border-color:var(--warning-border);background:linear-gradient(180deg,var(--warning-surface) 0%,color-mix(in srgb,var(--card) 94%,var(--surface-raised)) 100%)}app-support-dashboard .alert-preview[data-severity=critical]{border-color:var(--danger-border);background:linear-gradient(180deg,var(--danger-surface) 0%,color-mix(in srgb,var(--card) 94%,var(--surface-raised)) 100%)}app-support-dashboard .alert-preview strong,app-support-dashboard .alert-feed-head strong{display:block;margin-top:.35rem}app-support-dashboard .alert-preview p,app-support-dashboard .alert-feed-item p{margin:.8rem 0;white-space:pre-wrap}app-support-dashboard .alert-preview__meta,app-support-dashboard .alert-feed-meta{color:var(--muted-foreground);font-size:.85rem}app-support-dashboard .alert-feed{max-height:720px;overflow:auto;padding-right:.2rem}app-support-dashboard .alert-feed-item{padding:1rem;border-radius:18px;border:1px solid color-mix(in srgb,var(--border) 90%,var(--card));border-left:4px solid var(--info);background:color-mix(in srgb,var(--card) 88%,var(--surface-subtle))}app-support-dashboard .alert-feed-item[data-severity=success]{border-left-color:var(--success);background:color-mix(in srgb,var(--success-surface) 82%,var(--card))}app-support-dashboard .alert-feed-item[data-severity=warning]{border-left-color:var(--warning);background:color-mix(in srgb,var(--warning-surface) 82%,var(--card))}app-support-dashboard .alert-feed-item[data-severity=critical]{border-left-color:var(--danger);background:color-mix(in srgb,var(--danger-surface) 84%,var(--card))}@media(max-width:1100px){app-support-dashboard .alerts-hero,app-support-dashboard .alert-grid,app-support-dashboard .alerts-hero__stats{grid-template-columns:1fr}}@media(max-width:860px){app-support-dashboard .theme-switcher{min-width:140px}}@media(max-width:720px){app-support-dashboard .alerts-hub{padding:1rem}app-support-dashboard .alert-form-inline,app-support-dashboard .alert-form-inline--triple{grid-template-columns:1fr}app-support-dashboard .alert-composer,app-support-dashboard .alert-history{padding:.85rem;border-radius:18px}}@media(max-width:980px){app-support-dashboard .alert-form-inline,app-support-dashboard .alert-form-inline--triple{grid-template-columns:1fr}}@media(max-width:1200px){app-support-dashboard .alert-form-inline--triple{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}