:root{--primary:#3b82f6;--primary-hover:#2563eb;--bg:#f3f4f6;--surface:#fff;--text-main:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--radius:12px;--font-family:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.table-container{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow-x:auto}table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}th{color:var(--text-muted);letter-spacing:.025em;text-transform:uppercase;border-bottom:1px solid var(--border);background-color:#f9fafb;padding:12px 16px;font-size:.875rem;font-weight:600}td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}tr:last-child td{border-bottom:none}tr:hover{background-color:#f9fafb}.status-badge{border-radius:9999px;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{color:var(--text-main);background-color:#e5e7eb}.btn-secondary:hover{background-color:#d1d5db}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:24px}