:root{--bg-color:#f9fafb;--text-color:#111827;--text-muted:#6b7280;--card-bg:#fff;--card-border:#e5e7eb;--primary:#2563eb;--primary-hover:#1d4ed8;--success:#059669;--danger:#dc2626;--warning:#d97706;--radius:8px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--bg-color);color:var(--text-color);min-height:100vh;line-height:1.5}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 1px 3px #0000000d}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--primary-hover)}.btn-secondary{color:var(--text-color);border:1px solid var(--card-border);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#f3f4f6}.table-container{border:1px solid var(--card-border);border-radius:var(--radius);background:var(--card-bg);overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.875rem}th,td{border-bottom:1px solid var(--card-border);padding:.75rem 1rem}th{color:var(--text-muted);background:#f9fafb;font-weight:600}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb}.badge{border:1px solid #0000;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.badge-success{color:var(--success);background:#ecfdf5;border-color:#a7f3d0}.badge-danger{color:var(--danger);background:#fef2f2;border-color:#fecaca}.badge-warning{color:var(--warning);background:#fffbeb;border-color:#fde68a}.badge-primary{color:var(--primary);background:#eff6ff;border-color:#bfdbfe}