:root{--bg: #0f1220;--surface: #191d31;--surface-2: #232842;--text: #eef1ff;--muted: #9aa3c7;--primary: #6c8cff;--primary-ink: #0b0e1a;--danger: #ff6b6b;--ok: #3ddc97;--radius: 14px;--space: 16px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.container{width:100%;max-width:480px;margin:0 auto;padding:var(--space);padding-bottom:calc(var(--space) + env(safe-area-inset-bottom))}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--space);background:#0f1220e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--surface-2)}.app-title{font-size:1.05rem;font-weight:700;margin:0}.card{background:var(--surface);border:1px solid var(--surface-2);border-radius:var(--radius);padding:var(--space);margin-bottom:var(--space)}.stack{display:flex;flex-direction:column;gap:12px}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:6px}input,select{width:100%;padding:14px;font-size:16px;color:var(--text);background:var(--surface-2);border:1px solid transparent;border-radius:10px}input:focus{outline:none;border-color:var(--primary)}button{width:100%;padding:14px;font-size:1rem;font-weight:700;color:var(--primary-ink);background:var(--primary);border:none;border-radius:10px;cursor:pointer;min-height:48px}button.secondary{background:var(--surface-2);color:var(--text)}.error{color:var(--danger);font-size:.9rem}.grid{display:grid;grid-template-columns:1fr;gap:12px}.metric{background:var(--surface-2);border-radius:10px;padding:14px}.metric .value{font-size:1.5rem;font-weight:800}.metric .label{color:var(--muted);margin:0}.muted{color:var(--muted)}.row{display:flex;gap:10px;align-items:center;justify-content:space-between}@media (min-width: 700px){.container{max-width:900px}.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid{grid-template-columns:repeat(4,1fr)}}