:root{--gap: 12px;--radius: 12px;--bg: #f8fafc;--panel: #ffffff;--text: #111827;--muted: #6b7280;--brand: #ec4899}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text)}.container{max-width:880px;margin:0 auto;padding:16px}.card{background:var(--panel);border-radius:var(--radius);padding:16px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #1118270f}.row{display:flex;gap:var(--gap);align-items:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--gap)}.button{padding:8px 12px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:var(--text);cursor:pointer}.button.primary{background:var(--brand);border-color:#db2777;color:#fff}.button.ghost{background:transparent}.button:disabled{opacity:.6;cursor:not-allowed}.tabbar{display:flex;gap:var(--gap)}.tab{padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:var(--text);cursor:pointer}.tab.active{background:var(--brand);border-color:#db2777;color:#fff}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;font-size:12px;background:#fbcfe8;color:#9d174d;margin-left:6px;border:1px solid #f9a8d4}.input{background:#fff;color:var(--text);border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;width:100%}hr{border:none;border-top:1px solid #e5e7eb;margin:12px 0}.small{color:var(--muted);font-size:14px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.total{font-weight:700}