:root{--bg: #f8fafc;--fg: #0f172a;--muted:#64748b;--border:#e5e7eb;--primary:#4f46e5;--chip-bg:#fff;--chip-active:#eef2ff}html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;color:var(--fg);background:var(--bg)}body{padding:16px}button.btn{padding:.5rem .75rem;border-radius:8px;background:var(--primary);color:#fff;border:none;cursor:pointer}button.btn:focus{outline:2px solid #4f46e5;outline-offset:2px}.app-shell{max-width:1200px;margin:0 auto}.topbar,.plan-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.chips{display:flex;flex-wrap:wrap;gap:8px}.grid{display:grid;grid-template-columns:1fr;gap:24px}.card{border:1px solid var(--border);border-radius:12px;background:#fff}.content-spacer-sm{height:12px}.grid-2{grid-template-columns:1fr}@media (min-width: 1024px){.grid-2{grid-template-columns:1fr 1fr}}.space-y>*+*{margin-top:10px}.chip+.chip{margin-left:8px}.sticky-footer{position:sticky;bottom:0;background:#fff;border-top:1px solid var(--border);padding:12px;display:flex;justify-content:space-between;align-items:center;margin-left:calc(-1*(50vw - min(600px,50vw)));margin-right:calc(-1*(50vw - min(600px,50vw)));padding-left:max(16px,calc(50vw - min(600px,50vw) + 16px));padding-right:max(16px,calc(50vw - min(600px,50vw) + 16px))}*,*:before,*:after{box-sizing:border-box}input[type=text],input[type=number],input:not([type]){border:1px solid var(--border);border-radius:8px;padding:8px;min-width:0;width:100%}.chip[aria-pressed=true],.chips .chip[aria-pressed=true]{background:#1e40af!important;color:#fff!important;border-color:#1e40af!important}.chip{transition:background-color .12s ease,color .12s ease,border-color .12s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:50}.modal-panel{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px;width:min(560px,92vw);box-shadow:0 10px 30px #0003}