:root{--bg: #ffffff;--fg: #1a1a1a;--muted: #6b6b6b;--border: #d1d5db;--primary: #2563eb;--primary-hover: #1d4ed8;--error: #b00020;--radius: .375rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}button{padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:#fff;cursor:pointer;font-size:1rem}button:hover{background:var(--primary-hover)}button:disabled{opacity:.6;cursor:not-allowed}input,select,textarea{padding:.5rem;border:1px solid var(--border);border-radius:var(--radius);font:inherit}form{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;align-items:end}form label{display:flex;flex-direction:column;gap:.25rem;color:var(--muted);font-size:.875rem}table{width:100%;border-collapse:collapse;margin:1rem 0}th,td{border:1px solid var(--border);padding:.625rem;text-align:left}th{background:#f3f4f6;font-weight:600}tr:nth-child(2n){background:#f9fafb}.loading{padding:2rem;text-align:center;color:var(--muted)}.error{color:var(--error)}@media (max-width: 720px){table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{margin-bottom:1rem;border:1px solid var(--border)}td{border:none;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}td:before{content:attr(data-label);font-weight:600;color:var(--muted)}}