:root{--background:#f5f5f5;--card-bg:#fff;--text-main:#1a1a1a;--text-muted:#6b7280;--primary-color:#2563eb;--primary-hover:#1d4ed8;--accent-color:#3b82f6;--danger-color:#dc2626;--success-color:#059669;--border-color:#e5e7eb}body{color:var(--text-main);background:var(--background);font-family:Helvetica Neue,Arial,sans-serif;margin:0;padding:0;min-height:100vh}*{box-sizing:border-box}h1,h2,h3{font-weight:600;letter-spacing:-.02em}.container{max-width:1200px;margin:0 auto;padding:1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.25rem;gap:1.25rem}@media (max-width:640px){.container{padding:.75rem}.grid{grid-template-columns:1fr;gap:1rem}}.card{background:var(--card-bg);border-radius:12px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-color)}.card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:var(--primary-color)}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}.badge.open{background-color:rgba(220,38,38,.1);color:var(--danger-color)}.badge.fixed{background-color:rgba(5,150,105,.1);color:var(--success-color)}