:root{--bg: #f5f7fb;--card: #ffffff;--primary: #2563eb;--primary-dark: #1e40af;--border: #e5e7eb;--text: #111827;--muted: #6b7280;--radius: 10px}*{box-sizing:border-box;font-family:Inter,system-ui,sans-serif}body{margin:0;background:var(--bg);color:var(--text)}.form{display:grid;gap:12px;max-width:520px}.form input,.form select{padding:10px 12px;border-radius:8px;border:1px solid var(--border);font-size:14px}.form input:focus,.form select:focus{outline:none;border-color:var(--primary)}.form button{margin-top:8px;padding:10px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:600;cursor:pointer}.form button:hover{background:var(--primary-dark)}.error{font-size:12px;color:#dc2626;margin-top:-6px}.input-error{border-color:#dc2626!important}.form button:disabled{opacity:.6;cursor:not-allowed}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:20px 0}.filter-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:8px}.filter-card h4{margin:0;font-size:14px;font-weight:600;color:#374151}.filter-card small{font-size:11px;color:#6b7280}.filter-card button{margin-top:auto}.filter-card.reset{background:#f9fafb;border-style:dashed}.filter-card button{width:100%;padding:10px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:600;font-size:14px;cursor:pointer}.filter-card button:hover{background:var(--primary-dark)}