:root{--color-ink: #111827;--color-primary: #2563eb;--color-primary-strong: #1d4ed8;--color-ink-900: #0f172a;--color-surface: #ffffff;--color-canvas: #eef2f6;--color-muted: #64748b;--color-muted-strong: #4b5563;--color-border: #dbe3ee;--color-border-soft: #e2e8f0;--color-danger: #b91c1c;--color-success: #166534;--color-warning: #b45309;--role-super-admin-bg: #f1f5f9;--role-super-admin-fg: #334155;--role-super-admin-border: #cbd5e1;--role-manager-bg: #e0e7ff;--role-manager-fg: #3730a3;--role-manager-border: #c7d2fe;--role-operator-bg: #dbeafe;--role-operator-fg: #1e40af;--role-operator-border: #bfdbfe;--role-ops-manager-bg: #d1fae5;--role-ops-manager-fg: #065f46;--role-ops-manager-border: #a7f3d0;--role-ops-bg: #dcfce7;--role-ops-fg: #166534;--role-ops-border: #bbf7d0;--role-telemarketer-bg: #ffedd5;--role-telemarketer-fg: #c2410c;--role-telemarketer-border: #fed7aa;--status-on-bg: #dcfce7;--status-on-fg: #166534;--status-off-bg: #f1f5f9;--status-off-fg: #64748b;--tone-neutral-bg: #f1f5f9;--tone-neutral-fg: #475569;--tone-info-bg: #dbeafe;--tone-info-fg: #1e40af;--tone-progress-bg: #e0e7ff;--tone-progress-fg: #3730a3;--tone-success-bg: #dcfce7;--tone-success-fg: #166534;--tone-warning-bg: #ffedd5;--tone-warning-fg: #c2410c;--tone-danger-bg: #fee2e2;--tone-danger-fg: #b91c1c;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 18px;--shadow-modal: 0 24px 80px rgba(15, 23, 42, .28);--shadow-card: 0 1px 2px rgba(15, 23, 42, .04);--font-xs: 11px;--font-sm: 13px;--font-md: 14px;color:var(--color-ink);background:var(--color-canvas);font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-ink)}button,input,select,textarea{font:inherit}.section-kicker{color:var(--color-muted);font-size:var(--font-xs);font-weight:700;letter-spacing:.12em;text-transform:none}.muted-copy{color:var(--color-muted)}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:var(--color-ink-900);color:#f8fafc;display:flex;flex-direction:column;padding:var(--space-5)}.brand-lockup{display:flex;gap:var(--space-3);margin-bottom:var(--space-5)}.brand-lockup>div:last-child{display:grid;gap:2px}.brand-lockup small{color:#94a3b8;font-size:var(--font-xs)}.brand-mark{align-items:center;background:#f8fafc;border-radius:var(--radius-sm);color:var(--color-primary-strong);display:flex;font-weight:800;height:44px;justify-content:center;width:44px}.workspace{padding:var(--space-5)}.auth-shell{align-items:center;background:radial-gradient(circle at top left,rgba(37,99,235,.12),transparent 30%),linear-gradient(180deg,var(--color-canvas) 0%,var(--color-border-soft) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--space-5)}.auth-panel{max-width:420px;width:min(100%,420px)}.topbar{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:20px}nav{display:grid;gap:var(--space-4)}.nav-group{display:grid;gap:var(--space-2)}.nav-group .section-kicker{color:#94a3b8;margin:0 0 2px}nav button,.login-card select,.login-card input{border-radius:var(--radius-sm);font:inherit}nav button{background:transparent;border:1px solid transparent;color:#cbd5e1;padding:var(--space-2) var(--space-3);text-align:left}nav button.active{background:#f8fafc;color:var(--color-ink-900);font-weight:700}.connection-status{align-items:center;background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:999px;color:var(--color-muted);display:inline-flex;flex-shrink:0;font-size:var(--font-xs);font-weight:800;gap:6px;padding:6px 10px}.connection-status span{background:currentColor;border-radius:999px;height:8px;width:8px}.connection-status-healthy{background:var(--tone-success-bg);border-color:#86efac;color:var(--tone-success-fg)}.connection-status-error{background:var(--tone-danger-bg);border-color:#fecaca;color:var(--tone-danger-fg)}.action-button{align-self:start;background:var(--color-primary);border:0;border-radius:var(--radius-sm);color:#f8fafc;cursor:pointer;font:inherit;font-weight:700;padding:var(--space-3) var(--space-4);transition:background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease,opacity .18s ease}.secondary-button{align-self:start;background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-sm);color:var(--color-primary-strong);cursor:pointer;font:inherit;font-weight:700;padding:var(--space-2) var(--space-3);transition:background-color .18s ease,border-color .18s ease,color .18s ease,filter .18s ease,opacity .18s ease}.action-button:hover:enabled{background:var(--color-primary-strong)}.secondary-button:hover:enabled{border-color:var(--color-primary);filter:brightness(.98)}.action-button:disabled,.secondary-button:disabled{cursor:not-allowed;filter:grayscale(.12);opacity:.55}.login-card{border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);display:grid;gap:var(--space-2);margin-bottom:20px;padding:var(--space-4) 0}.login-card label{display:grid;gap:var(--space-1)}.login-card select,.login-card input{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#f8fafc;padding:var(--space-3)}.auth-field{color:#334155;display:grid;gap:6px;margin-bottom:var(--space-3)}.auth-field input{border:1px solid #cbd5e1;border-radius:var(--radius-sm);padding:var(--space-3)}.auth-error{min-height:20px}.page-stack{display:grid;gap:var(--space-4)}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.panel.compact-panel{padding:var(--space-4)}.panel-header{align-items:flex-start;display:flex;gap:var(--space-4);justify-content:space-between}.panel-actions{align-items:center;display:flex;justify-content:flex-start;gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap}.panel-header>.panel-actions{align-self:flex-start;justify-content:flex-end;margin-top:0}.panel-header>.action-button,.panel-header>.secondary-button{align-self:flex-start;flex-shrink:0}.panel-action-copy{line-height:1.7;margin:0;max-width:72ch}.panel-actions .action-button,.panel-actions .secondary-button{align-self:center}.panel-actions select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);font:inherit;padding:9px 12px;min-width:160px}.empty-panel{color:#475569}.async-error-state{align-items:flex-start;display:grid;gap:var(--space-3)}.skeleton{animation:shimmer 1.25s ease-in-out infinite;background:linear-gradient(90deg,#eef2f6,#f8fafc 42%,#e2e8f0 78%);background-size:240% 100%;border-radius:var(--radius-sm)}.skeleton-table{display:grid;gap:var(--space-3)}.skeleton-cell{min-height:18px}.skeleton-card{display:grid;gap:var(--space-3)}.skeleton-line{height:14px}.skeleton-line-1{height:22px;width:42%}.skeleton-line-2{width:78%}.skeleton-line-3{width:64%}.skeleton-line-4{width:88%}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.file-input{display:grid;gap:var(--space-2)}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--color-border-soft);padding:var(--space-3) 10px;text-align:left}.form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.form-grid label,.form-grid .form-field,.filters-row label{color:#334155;display:grid;gap:6px;font-size:var(--font-md)}.form-grid input,.form-grid select,.form-grid textarea,.filters-row input,.filters-row select{border:1px solid #cbd5e1;border-radius:var(--radius-sm);font:inherit;padding:var(--space-3)}.form-grid-wide{grid-column:1 / -1}.section-toggle{align-items:center;background:transparent;border:0;color:var(--color-primary-strong);cursor:pointer;display:inline-flex;font-weight:700;gap:6px;padding:0}.metric-strip{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.metric-strip>div{background:#f8fafc;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.battle-metrics-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:var(--space-4)}.battle-metric-card{background:linear-gradient(180deg,#f8fafcf0,#fff);border:1px solid var(--color-border-soft);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-4)}.battle-metric-card-success{border-color:#86efac}.battle-metric-card-warning{border-color:#fed7aa;background:linear-gradient(180deg,#ffedd594,#fff)}.battle-metric-card__header{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.battle-metric-card__header h3{color:var(--color-ink-900);font-size:18px;margin:0}.battle-metric-card__header span{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:999px;color:#334155;font-size:var(--font-xs);font-weight:800;padding:4px 10px;white-space:nowrap}.battle-metric-card__values{align-items:end;display:flex;gap:var(--space-3)}.battle-metric-card__values strong{color:var(--color-ink-900);font-size:44px;letter-spacing:0;line-height:.95}.battle-metric-card__values div{color:var(--color-muted);display:grid;gap:2px;padding-bottom:4px}.battle-metric-card__values b{color:#334155}.battle-metric-card p{font-size:var(--font-sm);line-height:1.65;margin:0}.dashboard-cockpit-panel{border-color:#bfdbfe;background:linear-gradient(180deg,#eff6ffe0,#fff)}.dashboard-sort-controls{gap:var(--space-2)}.dashboard-sort-controls .action-button,.dashboard-sort-controls .secondary-button{padding:8px 10px}.metric-button,.inline-link-button{background:transparent;border:0;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.metric-button{display:grid;gap:4px;width:100%}.field-error{color:var(--color-danger);font-size:var(--font-sm);font-weight:700}.success-banner{background:#dcfce7;border:1px solid #86efac;border-radius:var(--radius-sm);color:var(--color-success);font-weight:700;margin:var(--space-3) 0;padding:var(--space-3)}.checkbox-list{display:grid;gap:var(--space-2)}.checkbox-list label{align-items:center;background:#f8fafc;border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.modal-overlay{align-items:center;background:#0f172a7a;display:flex;inset:0;justify-content:center;padding:var(--space-5);position:fixed;z-index:1000}.modal-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);max-height:calc(100vh - var(--space-5) - var(--space-5));max-width:560px;overflow-y:auto;padding:var(--space-5);width:min(100%,560px)}.modal-body{margin-top:var(--space-3)}.filters-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.batch-mode-panel{background:linear-gradient(180deg,#2563eb0f,#fffffffa);border-color:var(--color-primary)}.tel-link{color:var(--color-primary-strong);font-weight:700;text-decoration:none}.follow-up-list{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.follow-up-card{background:#f8fafc;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.trend-card{display:grid;gap:var(--space-3)}.trend-card .panel-header{align-items:flex-start}.trend-card p{margin:4px 0 0}.trend-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.trend-metric{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);display:grid;gap:var(--space-2);padding:var(--space-3)}.trend-metric__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between}.trend-metric__header div{display:grid;gap:2px}.trend-metric__header strong{color:var(--color-ink-900);font-size:20px}.trend-arrow{border-radius:999px;font-size:18px;font-weight:900;line-height:1}.trend-arrow-up{color:var(--color-primary-strong)}.trend-arrow-down{color:var(--color-danger)}.trend-arrow-flat{color:var(--color-muted)}.trend-detail-list{border-top:1px solid var(--color-border-soft);display:grid;gap:var(--space-1);padding-top:var(--space-3)}.sparkline{display:block;max-width:100%;overflow:visible}.action-summary-card{align-items:flex-start;display:flex;gap:var(--space-3);justify-content:space-between}.action-summary-card>div{min-width:0}.action-summary-card .panel-actions{margin-top:var(--space-2)}.overdue-text{color:var(--color-danger);font-weight:700}.warning-badge{background:var(--color-border-soft);border-radius:999px;color:#334155;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px}.warning-badge.active{background:#fee2e2;color:var(--color-danger)}.alert-pill{border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:4px 10px}.alert-pill.severity-urgent{background:#fee2e2;color:var(--color-danger)}.alert-pill.severity-high{background:#ffedd5;color:#c2410c}.alert-pill.severity-medium{background:#fef3c7;color:#b45309}.role-chip{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-size:var(--font-xs);font-weight:700;gap:5px;letter-spacing:.02em;line-height:1;padding:4px 10px;white-space:nowrap}.role-chip:before{border-radius:999px;content:"";height:6px;width:6px;background:currentColor;opacity:.65}.role-chip.role-super_admin{background:var(--role-super-admin-bg);color:var(--role-super-admin-fg);border-color:var(--role-super-admin-border)}.role-chip.role-manager{background:var(--role-manager-bg);color:var(--role-manager-fg);border-color:var(--role-manager-border)}.role-chip.role-operator{background:var(--role-operator-bg);color:var(--role-operator-fg);border-color:var(--role-operator-border)}.role-chip.role-ops_manager{background:var(--role-ops-manager-bg);color:var(--role-ops-manager-fg);border-color:var(--role-ops-manager-border)}.role-chip.role-ops{background:var(--role-ops-bg);color:var(--role-ops-fg);border-color:var(--role-ops-border)}.role-chip.role-telemarketer{background:var(--role-telemarketer-bg);color:var(--role-telemarketer-fg);border-color:var(--role-telemarketer-border)}.status-pill{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--font-xs);font-weight:700;gap:5px;line-height:1;padding:4px 10px;white-space:nowrap}.status-pill:before{border-radius:999px;content:"";height:6px;width:6px;background:currentColor}.status-pill.status-on{background:var(--status-on-bg);color:var(--status-on-fg)}.status-pill.status-off{background:var(--status-off-bg);color:var(--status-off-fg)}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:var(--font-xs);font-weight:700;gap:5px;line-height:1;padding:4px 10px;white-space:nowrap}.status-badge:before{border-radius:999px;content:"";height:6px;width:6px;background:currentColor;opacity:.7}.status-badge.tone-neutral{background:var(--tone-neutral-bg);color:var(--tone-neutral-fg)}.status-badge.tone-info{background:var(--tone-info-bg);color:var(--tone-info-fg)}.status-badge.tone-progress{background:var(--tone-progress-bg);color:var(--tone-progress-fg)}.status-badge.tone-success{background:var(--tone-success-bg);color:var(--tone-success-fg)}.status-badge.tone-warning{background:var(--tone-warning-bg);color:var(--tone-warning-fg)}.status-badge.tone-danger{background:var(--tone-danger-bg);color:var(--tone-danger-fg)}.empty-state{align-items:center;color:var(--color-muted);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5) var(--space-4);text-align:center}.empty-state__icon{align-items:center;background:var(--color-canvas);border-radius:999px;color:var(--color-muted);display:flex;height:48px;justify-content:center;width:48px}.empty-state__icon svg{height:24px;width:24px}.empty-state__title{color:#334155;font-size:var(--font-md);font-weight:700}.empty-state__hint{color:var(--color-muted);font-size:var(--font-sm);max-width:42ch}.empty-state__action{margin-top:var(--space-2)}.playbook-hero{background:radial-gradient(circle at top right,rgba(37,99,235,.1),transparent 32%),var(--color-surface)}.playbook-view-switch{min-width:min(100%,360px)}.playbook-view-switch .action-button,.playbook-view-switch .secondary-button{display:grid;gap:2px;line-height:1.15;min-width:92px;text-align:center}.playbook-view-switch span{font-size:var(--font-xs);font-weight:600;opacity:.72}.playbook-copy-status{margin-bottom:0;margin-top:var(--space-3)}.playbook-stage-panel{overflow:hidden}.playbook-group-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:var(--space-4)}.playbook-group{background:#f8fafc;border:1px solid var(--color-border-soft);border-radius:var(--radius-md);display:grid;gap:var(--space-3);padding:var(--space-4)}.playbook-group h3{color:var(--color-ink-900);font-size:16px;margin:0}.playbook-group p{margin:0}.playbook-script-card{background:var(--color-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);display:grid;gap:var(--space-2);padding:var(--space-3)}.playbook-script-card p{color:var(--color-ink-900);font-weight:700;line-height:1.75}.playbook-script-card small{color:var(--color-muted);line-height:1.6}.playbook-script-toolbar{align-items:center;display:flex;justify-content:space-between;gap:var(--space-2)}.playbook-script-label{background:var(--tone-info-bg);border-radius:999px;color:var(--tone-info-fg);font-size:var(--font-xs);font-weight:800;padding:4px 10px}.playbook-bullet-list{color:#334155;display:grid;gap:var(--space-2);line-height:1.7;margin:0;padding-left:18px}.playbook-table-wrap{overflow-x:auto}.playbook-table{min-width:560px}.playbook-table th{color:#334155;white-space:nowrap}.playbook-redlines{border-color:#fed7aa;background:linear-gradient(180deg,#ffedd5b8,#fffffffa)}.playbook-redline-list{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.playbook-redline-list strong{background:var(--color-surface);border:1px solid #fed7aa;border-radius:var(--radius-sm);color:#9a3412;padding:var(--space-3)}@media(max-width:760px){.playbook-view-switch{justify-content:stretch;width:100%}.playbook-view-switch .action-button,.playbook-view-switch .secondary-button{flex:1 1 100px}.playbook-table{min-width:480px}}