:root{--brand: #c41d23;--brand-rgb: 196,29,35;--brand-dark: #8c1015;--brand-light: #fde7e8;--brand-soft: #fcf1f1;--brand-on: #ffffff;--gray-50:#f9fafb;--gray-75:#f5f6f7;--gray-100:#f1f2f4;--gray-150:#eceef0;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--surface: #ffffff;--surface-alt:#f6f7f8;--surface-emphasis:#fcfcfc;--surface-bg: #f3f4f5;--border-color: var(--gray-200);--radius-xs:4px;--radius-sm:6px;--radius:8px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.08);--shadow:0 1px 3px rgba(0,0,0,.08),0 4px 12px -2px rgba(0,0,0,.06);--shadow-soft:0 0 0 1px rgba(0,0,0,.04),0 3px 6px -2px rgba(0,0,0,.08),0 8px 20px -4px rgba(0,0,0,.05);--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:14px;--space-8:16px;--space-10:20px;--space-12:24px;--space-16:32px;--font-stack: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-base: 14px;--font-size-sm: 12px;--font-size-xs: 11px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 28px;--font-size-3xl: 40px;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--line-tight:1.08;--line-snug:1.2;--line-normal:1.45;--line-relaxed:1.6;--pill-bg: var(--gray-100);--pill-bg-active: var(--brand);--pill-color-active:#fff;--section-accent: var(--brand);--focus-ring:0 0 0 2px rgba(var(--brand-rgb),.35),0 0 0 4px rgba(var(--brand-rgb),.15)}body{font-family:var(--font-stack);background:linear-gradient(var(--surface-alt),var(--surface));color:var(--gray-800)}.nav-bar{background:var(--surface);border-bottom:1px solid var(--border-color);display:flex;gap:1rem;padding:12px 22px}.nav-bar a{text-decoration:none;font-size:11px;text-transform:uppercase;letter-spacing:.9px;font-weight:600;padding:6px 14px 7px;border-radius:var(--radius-sm);color:var(--gray-700);position:relative}.nav-bar a.brand{font-size:15px;letter-spacing:1px;color:var(--brand);padding:4px 10px}.nav-bar a.active,.nav-bar a:hover{background:var(--brand-light);color:var(--brand-dark)}.nav-bar a.active{box-shadow:inset 0 0 0 1px var(--brand-light),0 0 0 1px var(--brand-light)}.card{background:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card.flat{box-shadow:none}.card.pad{padding:22px 26px 26px}.section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--gray-600);display:flex;align-items:center;gap:6px}.section-label:before{content:"";display:inline-block;width:52px;height:2px;background:var(--brand);border-radius:2px}.pill,.chip{background:var(--pill-bg);color:var(--gray-700);border:none;border-radius:var(--radius-pill);padding:6px 14px 7px;font-size:11px;line-height:1;font-weight:600;letter-spacing:.6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.pill.active,.chip.active{background:var(--pill-bg-active);color:var(--pill-color-active)}.pill:hover,.chip:hover{background:var(--gray-150)}.badge-star{background:#fde68a;color:#92400e;font-size:10px;border-radius:6px;padding:3px 5px 4px;display:inline-flex;align-items:center;gap:3px}.subtle{color:var(--gray-500)}.grid{display:grid;gap:var(--space-8)}.focusable:focus-visible{outline:none;box-shadow:var(--focus-ring)}.link-inline{color:var(--brand);cursor:pointer;text-decoration:none}.link-inline:hover{text-decoration:underline}table.basic{width:100%;border-collapse:collapse;font-size:12px}table.basic th{text-align:left;font-weight:600;font-size:10px;letter-spacing:.8px;text-transform:uppercase;padding:6px 8px;background:var(--gray-100)}table.basic td{padding:7px 8px;border-bottom:1px solid var(--gray-150)}.kpi-row{display:flex;gap:14px}.kpi{flex:1;background:var(--surface);border:1px solid var(--brand-light);border-radius:var(--radius-sm);padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px}.kpi .label{font-size:10px;letter-spacing:.9px;font-weight:600;text-transform:uppercase;color:var(--gray-600)}.kpi .value{font-size:14px;font-weight:600}.fade-in{animation:fade .35s ease-in}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.center{display:flex;align-items:center;justify-content:center}.gap-xs{gap:4px}.gap-sm{gap:8px}.gap{gap:14px}.gap-lg{gap:24px}.mt-sm{margin-top:8px}.mt{margin-top:16px}.mt-lg{margin-top:32px}.mb-sm{margin-bottom:8px}.mb{margin-bottom:16px}.mb-lg{margin-bottom:32px}.text-xs{font-size:11px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.max-w{max-width:1280px;margin:0 auto}.muted{color:var(--gray-500)}.tone{background:var(--brand-light);color:var(--brand-dark)}.light{background:#e0f2fe;color:#075985}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:root{--border:#d0d7de;--bg-panel:#ffffff;--bg-muted:#f0f2f5;--accent:#2563eb;--radius:6px;--shadow:0 1px 2px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1)}*{box-sizing:border-box}body{margin:0;font-size:var(--font-size-base,14px);line-height:var(--line-normal,1.45);color:var(--gray-800,#222);-webkit-font-smoothing:antialiased;background:var(--surface-bg,#f3f4f5)}h1,h2,h3,h4{line-height:var(--line-snug,1.2)}p{line-height:var(--line-normal,1.45)}.layout{display:grid;grid-template-columns:260px 1fr 340px;min-height:100vh}@media (max-width:1100px){.layout{grid-template-columns:240px 1fr}.chat-panel{display:none}}@media (max-width:760px){.layout{grid-template-columns:1fr}.sidebar{order:2}.chat-panel{order:3;display:block}}.sidebar,.main,.chat-panel{padding:.75rem .85rem 1.25rem}.sidebar,.chat-panel{background:var(--surface-alt);border-right:1px solid var(--border)}.chat-panel{border-left:1px solid var(--border)}.main{background:linear-gradient(var(--surface),var(--surface-alt))}h1,h2,h3{line-height:1.1;margin:0 0 .75rem;font-weight:600}small{color:#555}.search-box input{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius)}.list{list-style:none;padding:0;margin:.5rem 0 0}.list-item{padding:.55rem .6rem;border-radius:var(--radius);cursor:pointer;border:1px solid transparent}.list-item:hover{background:var(--bg-muted)}.list-item.active{background:#e0edff;border-color:#bfdbfe}.badge{background:var(--accent);color:#fff;padding:2px 6px;font-size:11px;border-radius:20px}.card{background:var(--surface);border:1px solid var(--border);padding:1rem 1.1rem 1.1rem;border-radius:var(--radius);box-shadow:var(--shadow)}.button{background:var(--accent);color:#fff;border:none;padding:.55rem .9rem;border-radius:var(--radius);cursor:pointer;font-size:.9rem}.button[disabled]{opacity:.5;cursor:not-allowed}.button.outline{background:#fff;color:var(--accent);border:1px solid var(--accent)}form label{display:block;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin:.75rem 0 .25rem;font-weight:600}form input,form textarea{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit}.chat-messages{height:calc(100vh - 170px);overflow:auto;border:1px solid var(--border);background:#fff;padding:.6rem;border-radius:var(--radius);display:flex;flex-direction:column;gap:.5rem}.msg{padding:.55rem .65rem;border-radius:var(--radius);max-width:80%;font-size:.85rem;line-height:1.3}.msg.user{background:var(--accent);color:#fff;margin-left:auto}.msg.ai{background:var(--bg-muted)}.chat-input{display:flex;gap:.5rem;margin-top:.6rem}.chat-input textarea{flex:1;resize:vertical;min-height:60px;max-height:160px}.empty{color:#666;font-size:.85rem}
