:root{--background:#0f172a;--card-bg:#1e293b;--text-main:#f1f5f9;--text-muted:#94a3b8;--primary-color:#38bdf8;--primary-hover:#0ea5e9;--accent-color:#7dd3fc;--danger-color:#ef4444;--success-color:#10b981;--border-color:#334155}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:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}.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 12px 24px rgba(0,0,0,.3);border-color:var(--primary-color)}.badge{padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:500}.badge.open{background-color:rgba(230,57,70,.2);color:var(--danger-color)}.badge.fixed{background-color:rgba(42,157,143,.2);color:var(--success-color)}