: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}.list{display:flex;flex-direction:column;gap:.5rem}.list-mode{display:flex;flex-direction:column;padding:.75rem;border-radius:12px}.list-main-row{display:flex;gap:.75rem;align-items:flex-start}.list-image-link img{width:56px;height:56px;object-fit:cover;border-radius:8px}.list-content{flex:1;display:flex;flex-direction:column}.list-content .title-link{color:inherit;text-decoration:none}.list-content .title-link h3{margin:0;font-size:1rem}.list-meta{margin-top:.35rem;display:flex;flex-wrap:wrap;gap:.7rem;color:#4b5563;font-size:.85rem}.list-meta span{white-space:nowrap}.actions{margin-top:.75rem;display:flex;gap:.5rem;padding:0}.actions.small-buttons button{padding:.4rem .6rem}.actions button{flex:1;border:1px solid #d1d5db;border-radius:8px;background:#f9fafb;padding:.5rem;cursor:pointer}.actions button:hover{background:#eff2f7}.pagination-section{margin-top:1rem;padding:.75rem;background:var(--surface);border-radius:var(--radius);border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.pagination-info{display:flex;align-items:center;gap:1rem}.pagination-info label{display:flex;align-items:center;gap:.4rem;font-size:.9rem}.pagination-info input{width:80px;border:1px solid #d1d5db;border-radius:8px;padding:.35rem .5rem}.pagination-actions{display:flex;gap:.5rem}.pagination-actions button{border:1px solid #a5b4fc;background:#eef2ff;color:#3730a3;border-radius:8px;padding:.45rem .75rem}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}.list-main-row{flex-direction:column;gap:.5rem}.list-image-link img{width:100%;height:170px}}.dark-mode,body.dark-mode{background:#020617;color:#e2e8f0}.dark-mode .app-container,body.dark-mode .app-container{background:#0b1220;color:#e2e8f0}.dark-mode .controls,.dark-mode .table-section,.dark-mode .pagination-section{background:#111827;border-color:#1f2937}.dark-mode input,.dark-mode button,.dark-mode .auction-card{border-color:#374151;background:#1f2937;color:#e5e7eb}.dark-mode .section{background:#111827}.dark-mode .auction-card p,.dark-mode .list-meta,.dark-mode .pagination-info span,.dark-mode .pagination-info label{color:#cbd5e1}.dark-mode .auction-card h3{color:#f1f5f9}.dark-mode a{color:#93c5fd}.dark-mode,.dark-mode .app-container{background:#0b1220;color:#e2e8f0}.dark-mode header{color:#e2e8f0}.dark-mode .controls,.dark-mode .table-section{background:#111827;border-color:#1f2937}.dark-mode .section,.dark-mode input,.dark-mode button,.dark-mode .auction-card{border-color:#374151;background:#1f2937}.dark-mode .actions button,.dark-mode .toolbar button{background:#111827;color:#e5e7eb;border-color:#475569}.dark-mode .auction-card{border-color:#374151;color:#e5e7eb}