:root{--primary:#5645d4;--primary-pressed:#4534b3;--on-primary:#fff;--brand-navy:#0a1530;--brand-navy-deep:#070f24;--canvas:#fff;--surface:#f6f5f4;--hairline:#e5e3df;--hairline-strong:#c8c4be;--ink-deep:#000;--ink:#1a1a1a;--charcoal:#37352f;--steel:#787671;--muted:#bbb8b1;--on-dark:#fff;--semantic-success:#1aae39;--semantic-warning:#dd5b00;--semantic-error:#e03131;--card-tint-peach:#ffe8d4;--card-tint-rose:#fde0ec;--card-tint-mint:#d9f3e1;--card-tint-sky:#dcecfa;--card-tint-yellow-bold:#f9e79f;--font-family:"Inter", -apple-system, system-ui, "Segoe UI", Helvetica, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--canvas);color:var(--ink);font-family:var(--font-family);line-height:1.55}h1,h2,h3,h4,h5{color:var(--ink-deep);letter-spacing:-.5px;font-weight:600}h2{align-items:center;gap:8px;margin-bottom:16px;font-size:28px;line-height:1.25;display:flex}p{color:var(--charcoal);font-size:16px}.container{max-width:1280px;margin:0 auto;padding:64px 32px}.hero-band{background-color:var(--brand-navy);color:var(--on-dark);text-align:center;padding:96px 32px}.hero-band h1{color:var(--on-dark);letter-spacing:-1px;margin-bottom:16px;font-size:56px}.hero-band p{color:var(--on-dark);opacity:.9;max-width:600px;margin:0 auto 32px;font-size:18px}.grid{gap:24px;display:grid}.grid-cols-3{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid-cols-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card-base{background-color:var(--canvas);border:1px solid var(--hairline);border-radius:12px;padding:24px;transition:box-shadow .2s}.card-base:hover{box-shadow:0 1px 2px #0f0f0f0a}.card-feature-yellow{background-color:var(--card-tint-yellow-bold);color:var(--charcoal);border-radius:12px;padding:32px}.card-feature-sky{background-color:var(--card-tint-sky);color:var(--charcoal);border-radius:12px;padding:32px}.btn-primary{background-color:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background-color .2s;display:inline-flex}.btn-primary:hover{background-color:var(--primary-pressed)}.btn-secondary{color:var(--ink);border:1px solid var(--hairline-strong);cursor:pointer;background-color:#0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;display:inline-flex}.btn-secondary:hover{background-color:var(--surface)}.btn-danger{background-color:var(--canvas);color:var(--semantic-error);border:1px solid var(--semantic-error);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:14px}.btn-danger:hover{background-color:#fef2f2}.status-badge{border-radius:9999px;align-items:center;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.status-success{background-color:var(--semantic-success);color:var(--on-primary)}.status-danger{background-color:var(--semantic-error);color:var(--on-primary)}.status-warning{background-color:var(--semantic-warning);color:var(--on-primary)}.form-input,.form-select{background-color:var(--canvas);color:var(--ink);border:1px solid var(--hairline-strong);border-radius:8px;width:100%;padding:8px 16px;font-family:inherit;font-size:16px}.form-input:focus,.form-select:focus{border:2px solid var(--primary);outline:none;padding:7px 15px}.data-table{border-collapse:collapse;background-color:var(--canvas);border:1px solid var(--hairline);border-radius:8px;width:100%;overflow:hidden}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--hairline-soft);color:var(--ink);padding:16px 20px;font-size:14px}.data-table th{color:var(--charcoal);background-color:var(--surface);font-weight:600}.metric-value{color:var(--ink-deep);font-size:36px;font-weight:600}.metric-label{color:var(--steel);font-size:14px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}.w-full{width:100%}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-muted{color:var(--steel)}.font-semibold{font-weight:600}.font-mono{font-family:monospace}.p-4{padding:16px}.bg-surface{background-color:var(--surface)}.rounded{border-radius:8px}.border{border:1px solid var(--hairline)}