:root{--bg: #f7f8fc;--surface: #ffffff;--text: #1f2937;--muted: #6b7280;--primary: #4f46e5;--danger: #dc2626;--radius: 12px;--shadow: 0 6px 22px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}.app-container{width:min(1200px,95vw);margin:0 auto;padding:1rem}header{margin-bottom:1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:center;justify-content:space-between}header h1{margin:0;font-size:clamp(1.5rem,4vw,2rem)}.badge{display:inline-flex;gap:.5rem;padding:.3rem .6rem;border-radius:999px;background:#e0e7ff;color:#3730a3;font-size:.8rem}.controls{margin-bottom:1.25rem;background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.controls form{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.controls label{display:grid;gap:.25rem;font-size:.85rem}.controls input{border-radius:8px;border:1px solid #d1d5db;padding:.65rem}.controls button{border:1px solid var(--primary);color:#fff;background:var(--primary);border-radius:8px;padding:.65rem .9rem;cursor:pointer;font-weight:600}.toolbar{margin-top:.75rem;display:flex;gap:.5rem;flex-wrap:wrap}.toolbar button{border:1px solid #a5b4fc;background:#eef2ff;color:#3730a3;border-radius:8px;padding:.5rem .8rem}.table-section{background:var(--surface);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow)}.status{color:var(--muted);text-align:center;padding:1rem}.status.error{color:var(--danger)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem}.auction-card{background:#fff;border-radius:var(--radius);border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column}.auction-card img{width:100%;height:150px;object-fit:cover;background:#f3f4f6}.auction-card h3{margin:.75rem 0 .45rem;font-size:1.05rem}.auction-card p{margin:.2rem 0;color:#4b5563;font-size:.9rem}.actions{margin-top:auto;display:flex;gap:.5rem;padding:.7rem}.actions button{flex:1;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;padding:.5rem;cursor:pointer}.actions button:hover{background:#eff2f7}footer{margin-top:1.2rem;text-align:center;color:var(--muted)}@media (max-width: 640px){.app-container{padding-top:.5rem}.controls form{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start}}