:root{--bg: #f5f5f7;--surface: #ffffff;--text: #1d1d1f;--muted: #6e6e73;--line: #e5e5ea;--accent: #0071e3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,sans-serif}.app{max-width:860px;margin:0 auto;padding:16px}header h1{margin:0;font-size:28px;letter-spacing:-.02em}header p{margin:4px 0 16px;color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;margin-bottom:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.row,.row3{display:grid;gap:8px}.row{grid-template-columns:1fr 1fr}.row3{grid-template-columns:1.2fr 1fr 1fr 1.2fr}input,select,button{border-radius:12px;border:1px solid var(--line);background:#fff;padding:10px 12px;font-size:14px}button{background:var(--accent);color:#fff;border:none;font-weight:600}button.ghost{background:transparent;color:var(--accent);border:1px solid var(--line)}.item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.item:last-child{border-bottom:none}.error{padding:10px 12px;border-radius:12px;background:#ffe5e5;border:1px solid #ffc9c9;margin-bottom:12px}.muted{color:var(--muted)}@media (max-width: 860px){.row,.row3{grid-template-columns:1fr}}