:root{--bg: #eef2f7;--text: #1e293b;--panel: #ffffff;--line: #dbe3ec;--brand: #0f766e}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at top,#dbeafe 0%,var(--bg) 55%)}.page{max-width:1200px;margin:0 auto;padding:16px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.layout{display:grid;grid-template-columns:1fr 380px;gap:16px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px}.grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.card{border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;gap:8px}.title{font-weight:600}button,input,select{font:inherit}button{border:none;background:var(--brand);color:#fff;padding:8px 10px;border-radius:8px;cursor:pointer}.cart-list{list-style:none;padding:0;margin:8px 0 12px;display:grid;gap:8px;max-height:180px;overflow:auto}.cart-item{display:flex;justify-content:space-between;border:1px solid var(--line);padding:8px;border-radius:8px}.actions{display:flex;align-items:center;gap:6px}.actions button{background:#d9e3ef;color:var(--text)}.checkout{display:grid;gap:8px;margin-top:8px}input,select{border:1px solid var(--line);border-radius:8px;padding:8px}.status{min-height:20px;color:#475569}@media (max-width: 900px){.layout{grid-template-columns:1fr}}