*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f4f8;color:#1a1a2e;min-height:100vh}#root{max-width:480px;margin:0 auto;min-height:100vh;background:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 20px;border:none;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s;width:100%}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:#4f8ef7;color:#fff}.btn-secondary{background:#e8f0fe;color:#4f8ef7}.btn-danger{background:#fee;color:#e53e3e}.btn:not(:disabled):hover{opacity:.85}.input{width:100%;padding:12px 14px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;outline:none;transition:border-color .15s}.input:focus{border-color:#4f8ef7}.card{background:#fff;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:20px}.top-bar{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10}.top-bar h1{font-size:18px;font-weight:700;flex:1}.back-btn{background:none;border:none;cursor:pointer;padding:6px;border-radius:8px;font-size:20px}.back-btn:hover{background:#f5f5f5}.tab-bar{display:flex;border-bottom:2px solid #f0f0f0}.tab{flex:1;padding:12px;text-align:center;border:none;background:none;font-size:14px;font-weight:600;cursor:pointer;color:#888;border-bottom:2px solid transparent;margin-bottom:-2px}.tab.active{color:#4f8ef7;border-bottom-color:#4f8ef7}.chip{padding:6px 14px;border-radius:20px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;cursor:pointer;transition:all .15s}.chip.selected{background:#4f8ef7;color:#fff;border-color:#4f8ef7}.error{color:#e53e3e;font-size:13px;padding:6px 0}.qty-control{display:flex;align-items:center;gap:8px;background:#f5f5f5;border-radius:20px;padding:4px}.qty-btn{width:32px;height:32px;border-radius:50%;border:none;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a}.qty-btn:hover{background:#e8f0fe}.qty-val{min-width:48px;text-align:center;font-weight:700;font-size:15px}.list-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f5f5f5}.list-item:last-child{border-bottom:none}