:root{--logo-symbol:#425fa7;--logo-word:#231f20;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#eff6ff;--primary-line:#c7d2fe;--primary-fill:#dbe6fb;--on-primary:#ffffff;--whatsapp:#25d366;--whatsapp-ink:#06251a;--accent:#f97316;--accent-soft:#fff7ed;--accent-text:#c2410c;--canvas:#fbfcfd;--surface:#ffffff;--surface-low:#f5f8fb;--surface-mid:#f1f5f9;--surface-high:#e3e9ef;--border:#eaeef3;--border-strong:#dfe6ee;--text:#0f1720;--text-muted:#4a5560;--text-faint:#8a95a5;--violet:#6d28d9;--violet-soft:#f5f3ff;--success:#16a34a;--success-strong:#047857;--success-soft:#ecfdf5;--warning:#c2410c;--warning-soft:#fff7ed;--danger:#b42318;--danger-soft:#fef3f2;--ink:#0f1720;--ink-raised:#1e293b;--ink-hover:#1f2b3a;--on-ink:#ffffff;--on-ink-muted:#a8b3c1;--on-ink-border:#33404f;--text-meta-faint:#94a1b2;--text-placeholder:#9aa5b4;--text-timestamp:#a4aeba;--text-step:#5a6472;--border-soft:#e8edf2;--success-line:#a7f3d0;--warn-icon:#ea580c;--warn-line:#fed7aa;--skeleton-soft:#eef2f6;--shadow-card:0 1px 2px rgba(16,24,40,0.04);--shadow-card-hover:0 10px 26px rgba(15,23,32,0.09);--shadow-dark:0 10px 26px rgba(15,23,32,0.16);--shadow-mock:0 22px 50px rgba(15,23,32,0.13);--shadow-float:0 10px 26px rgba(15,23,32,0.13);--shadow-cta:0 4px 14px rgba(37,99,235,0.3);--radius-sm:0.25rem;--radius:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-full:9999px;--radius-tail:11px 11px 11px 4px;--radius-tail-sm:9px 9px 9px 3px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--container-max:1320px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--logo-symbol:#ffffff;--logo-word:#ffffff;--primary:#60a5fa;--primary-strong:#93c5fd;--primary-soft:#1b2b45;--primary-line:#2f4468;--primary-fill:#1e3357;--on-primary:#06182e;--whatsapp:#25d366;--whatsapp-ink:#06251a;--accent:#fb923c;--accent-soft:#2a1a0d;--accent-text:#fdba74;--canvas:#0f1720;--surface:#16202b;--surface-low:#1e293b;--surface-mid:#243141;--surface-high:#2d3a4a;--border:#33404f;--border-strong:#445264;--text:#ffffff;--text-muted:#a8b3c1;--text-faint:#7c8b9d;--violet:#a78bfa;--violet-soft:#241b3d;--success:#4ade80;--success-strong:#7dd3a0;--success-soft:#16261e;--warning:#fb923c;--warning-soft:#2a1a0d;--danger:#f87171;--danger-soft:#2c1512;--ink:#0f1720;--ink-raised:#1e293b;--ink-hover:#1f2b3a;--on-ink:#ffffff;--on-ink-muted:#a8b3c1;--on-ink-border:#33404f;--text-meta-faint:#8b98aa;--text-placeholder:#7c8b9d;--text-timestamp:#6f7d8f;--text-step:#9aa8b8;--border-soft:#2b3746;--success-line:#2c5c44;--warn-icon:#fb923c;--warn-line:#5a3a1c;--skeleton-soft:#232f3d;--shadow-card:0 1px 2px rgba(0,0,0,0.4);--shadow-card-hover:0 10px 26px rgba(0,0,0,0.5);--shadow-dark:0 10px 26px rgba(0,0,0,0.55);--shadow-mock:0 22px 50px rgba(0,0,0,0.55);--shadow-float:0 10px 26px rgba(0,0,0,0.5);--shadow-cta:0 4px 14px rgba(37,99,235,0.45)}}:root[data-theme=dark]{--logo-symbol:#ffffff;--logo-word:#ffffff;--primary:#60a5fa;--primary-strong:#93c5fd;--primary-soft:#1b2b45;--primary-line:#2f4468;--primary-fill:#1e3357;--on-primary:#06182e;--whatsapp:#25d366;--whatsapp-ink:#06251a;--accent:#fb923c;--accent-soft:#2a1a0d;--accent-text:#fdba74;--canvas:#0f1720;--surface:#16202b;--surface-low:#1e293b;--surface-mid:#243141;--surface-high:#2d3a4a;--border:#33404f;--border-strong:#445264;--text:#ffffff;--text-muted:#a8b3c1;--text-faint:#7c8b9d;--violet:#a78bfa;--violet-soft:#241b3d;--success:#4ade80;--success-strong:#7dd3a0;--success-soft:#16261e;--warning:#fb923c;--warning-soft:#2a1a0d;--danger:#f87171;--danger-soft:#2c1512;--ink:#0f1720;--ink-raised:#1e293b;--ink-hover:#1f2b3a;--on-ink:#ffffff;--on-ink-muted:#a8b3c1;--on-ink-border:#33404f;--text-meta-faint:#8b98aa;--text-placeholder:#7c8b9d;--text-timestamp:#6f7d8f;--text-step:#9aa8b8;--border-soft:#2b3746;--success-line:#2c5c44;--warn-icon:#fb923c;--warn-line:#5a3a1c;--skeleton-soft:#232f3d;--shadow-card:0 1px 2px rgba(0,0,0,0.4);--shadow-card-hover:0 10px 26px rgba(0,0,0,0.5);--shadow-dark:0 10px 26px rgba(0,0,0,0.55);--shadow-mock:0 22px 50px rgba(0,0,0,0.55);--shadow-float:0 10px 26px rgba(0,0,0,0.5);--shadow-cta:0 4px 14px rgba(37,99,235,0.45)}@layer theme, base, components, utilities;@layer base{*,:after,:before{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--text);font-family:var(--font-sans),var(--font-arabic),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;font-size:16px;line-height:24px;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}}.headline-lg{font-size:32px;line-height:40px;font-weight:600;letter-spacing:-.02em}.headline-md{font-size:24px;line-height:32px;font-weight:600;letter-spacing:-.01em}.headline-sm{font-size:18px;line-height:24px;font-weight:600}.body-lg{font-size:16px;line-height:24px}.body-md{font-size:14px;line-height:20px}.body-sm{font-size:13px;line-height:18px}.label-md{font-size:12px;line-height:16px;font-weight:500}.label-sm{font-size:11px;line-height:14px;font-weight:600}.container{max-width:1120px;margin:0 auto;padding:0 var(--space-lg)}.card{background:var(--surface);border:1px solid var(--border);padding:var(--space-lg)}.button,.card{border-radius:var(--radius)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font:inherit;font-size:14px;font-weight:500;line-height:20px;padding:10px 18px;border:1px solid transparent;cursor:pointer;white-space:nowrap}.button,.button:hover{text-decoration:none}.button-primary{background:var(--primary);color:var(--on-primary)}.button-primary:hover{background:var(--primary-strong)}.button-secondary{background:var(--surface);border-color:var(--border);color:var(--text)}.button-secondary:hover,.chip{background:var(--surface-low)}.chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;line-height:16px;padding:4px 10px;border-radius:var(--radius-full);color:var(--text-muted);white-space:nowrap}.chip-success{background:var(--success-soft);color:var(--success)}.chip-accent{background:var(--accent-soft);color:var(--accent-text)}.eyebrow{font-size:12px;font-weight:500;line-height:16px;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.muted{color:var(--text-muted)}.scroll-x{overflow-x:auto}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:20px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 20;user-select:none;flex-shrink:0}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 20}.material-symbols-outlined.sm{font-size:16px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 16}.avatar-block{position:relative;flex:none;align-self:flex-start;line-height:0}.contact-avatar{display:grid;place-items:center;border-radius:var(--radius-full);background:var(--surface-high);border:1px solid var(--border);color:var(--text-muted);font-size:12px;font-weight:600;line-height:1}.channel-badge{position:absolute;right:-3px;bottom:-3px;display:grid;place-items:center;border-radius:var(--radius-full);background:#25d366;color:#fff;border:2px solid var(--surface)}.sla-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:var(--radius-sm);background:var(--surface-mid);color:var(--text-muted);font-size:11px;font-weight:600;line-height:1.4;font-variant-numeric:tabular-nums;white-space:nowrap}.sla-chip.is-warm{background:var(--warning-soft);color:var(--warning)}.sla-chip.is-urgent{background:var(--danger-soft);color:var(--danger)}.sla-chip.is-closed{background:var(--surface-mid);color:var(--text-faint)}.sla-chip.is-large{padding:6px 9px;border-radius:var(--radius);font-size:12px}.chip-danger{background:var(--danger-soft);color:var(--danger)}.chip-neutral{background:var(--surface-mid);color:var(--text-muted)}.mono,.status-chip{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.status-chip{display:inline-flex;align-items:center;gap:4px;padding:3.5px 9px;border-radius:var(--radius-full);font-size:9.5px;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.status-chip .material-symbols-outlined{font-size:11px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.status-chip.is-ok{background:var(--success-soft);color:var(--success-strong)}.status-chip.is-waiting{background:var(--warning-soft);color:var(--warning)}.status-chip.is-broken{background:var(--danger-soft);color:var(--danger)}.status-chip.is-auto{background:var(--violet-soft);color:var(--violet)}.status-chip.is-neutral{background:var(--surface-mid);color:var(--text-muted)}.status-chip.is-active{background:var(--primary-soft);color:var(--primary-strong)}.section-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.section-label{font-size:9.5px;font-weight:700;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--text-meta-faint)}.stat-tile{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;padding:11px;border-radius:var(--radius-md);background:var(--surface-low)}.stat-tile-value{font-size:17px;font-weight:800;line-height:1.1;letter-spacing:-.01em;color:var(--text)}.stat-tile-label{font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-faint)}.stat-tile.is-ok{background:var(--success-soft)}.stat-tile.is-ok .stat-tile-label,.stat-tile.is-ok .stat-tile-value{color:var(--success-strong)}.stat-tile.is-broken{background:var(--danger-soft)}.stat-tile.is-broken .stat-tile-label,.stat-tile.is-broken .stat-tile-value{color:var(--danger)}.stat-tile.is-auto{background:var(--violet-soft)}.stat-tile.is-auto .stat-tile-label,.stat-tile.is-auto .stat-tile-value{color:var(--violet)}.stat-tile.is-active{background:var(--primary-soft)}.stat-tile.is-active .stat-tile-label,.stat-tile.is-active .stat-tile-value{color:var(--primary-strong)}