:root{color-scheme:light;--bg: #eef2f7;--bg-accent: #dfe9f5;--surface: rgba(255, 255, 255, .82);--surface-strong: #ffffff;--surface-muted: #f5f8fc;--text: #102033;--text-soft: #5d6b7f;--line: rgba(16, 32, 51, .12);--line-strong: rgba(16, 32, 51, .18);--brand: #134e7c;--brand-strong: #0b3558;--brand-soft: rgba(19, 78, 124, .14);--accent: #13a4a1;--accent-soft: rgba(19, 164, 161, .14);--warning: #d97706;--danger: #b42318;--shadow: 0 20px 60px rgba(16, 32, 51, .12);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--font-sans: "Avenir Next", "Segoe UI", "Trebuchet MS", system-ui, sans-serif;--font-display: "Georgia", "Iowan Old Style", "Times New Roman", serif}*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,rgba(19,78,124,.16),transparent 30%),radial-gradient(circle at top right,rgba(19,164,161,.14),transparent 28%),linear-gradient(180deg,#f7fafc 0%,var(--bg) 100%)}button,input,select,textarea{font:inherit}button{border:1px solid transparent;cursor:pointer}input,select{width:100%;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--text);padding:.85rem .95rem;box-shadow:inset 0 1px #ffffffb8}input:focus,select:focus,button:focus-visible{outline:3px solid rgba(19,78,124,.2);outline-offset:2px}pre{margin:0;padding:1rem 1.1rem;border-radius:var(--radius-md);background:#0f172a;color:#d9e5f5;overflow:auto;font-size:.88rem;line-height:1.5}.app-shell{position:relative;min-height:100vh;padding:24px}.app-shell:before{content:"";position:fixed;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.36),transparent 55%),linear-gradient(180deg,rgba(255,255,255,.5),transparent 12%);pointer-events:none;z-index:-1}.workspace{max-width:1240px;margin:0 auto;display:grid;gap:20px}.brand-bar,.page-frame,.panel,.summary-card,.metric-card,.field,.empty-state{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--line);box-shadow:var(--shadow)}.brand-bar{border-radius:var(--radius-xl);padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-lockup{display:grid;gap:6px}.brand-kicker{margin:0;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-size:.72rem;font-weight:800}.brand-title{margin:0;font-family:var(--font-display);font-size:clamp(1.5rem,2.2vw,2.2rem);line-height:1.1}.brand-subtitle{margin:0;color:var(--text-soft)}.status-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem .95rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--line);color:var(--brand-strong);font-weight:700;white-space:nowrap}.status-chip:before{content:"";width:.7rem;height:.7rem;border-radius:999px;background:linear-gradient(135deg,var(--accent),#44d7cc);box-shadow:0 0 0 5px var(--accent-soft)}.page-frame{border-radius:var(--radius-xl);padding:18px}.nav-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.nav-button{border-radius:999px;padding:.8rem 1.1rem;border:1px solid var(--line-strong);background:#ffffffb8;color:var(--brand-strong);font-weight:700;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}.nav-button:hover{transform:translateY(-1px);box-shadow:0 10px 24px #10203314}.nav-button[data-active=true]{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;border-color:transparent}.workspace-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);gap:18px}.page-hero,.panel{border-radius:var(--radius-lg)}.page-hero{padding:20px;background:linear-gradient(135deg,#134e7c14,#13a4a114);border:1px solid rgba(19,78,124,.12)}.page-hero h2,.panel h3,.panel h4,.empty-state h3{margin:0 0 .45rem;font-family:var(--font-display)}.page-hero p,.panel p,.metric-card p,.empty-state p{margin:0;color:var(--text-soft);line-height:1.6}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.metric-card{border-radius:var(--radius-md);padding:16px}.metric-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:800;margin-bottom:.45rem}.metric-value{font-size:1.55rem;font-weight:800;color:var(--brand-strong);margin-bottom:.4rem}.metric-note{font-size:.92rem}.panel{padding:20px}.stack{display:grid;gap:16px}.form-grid{display:grid;gap:14px}.field{border-radius:var(--radius-md);padding:14px;display:grid;gap:8px}.field label{font-weight:700;color:var(--brand-strong)}.actions-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary-button,.ghost-button{border-radius:999px;padding:.9rem 1.2rem;font-weight:800}.primary-button{background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 16px 30px #134e7c3d}.ghost-button{background:#ffffffdb;color:var(--brand-strong);border:1px solid var(--line-strong)}.helper-text{padding:.9rem 1rem;border-radius:var(--radius-md);background:#134e7c0f;border:1px solid rgba(19,78,124,.1);color:var(--text-soft)}.panel-list{margin:.9rem 0 0;padding-left:1.1rem;color:var(--text-soft);line-height:1.7}.empty-state{border-radius:var(--radius-md);padding:16px}.result-stack{display:grid;gap:14px}@media(max-width:960px){.workspace-layout,.summary-grid{grid-template-columns:1fr}.brand-bar{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.app-shell{padding:14px}.page-frame,.brand-bar{border-radius:20px}.nav-button,.primary-button,.ghost-button{width:100%;justify-content:center}}
