:root{--bg-app: #09090b;--bg-card: #18181b;--bg-hover: #27272a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--accent-primary: #6366f1;--accent-glow: rgba(99, 102, 241, .5);--border-color: #27272a;--font-sans: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;background-color:var(--bg-app);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:2rem}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:var(--text-secondary)}.btn{background:var(--accent-primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:opacity .2s}.btn:hover{opacity:.9}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.025em}table{width:100%;border-collapse:collapse;margin-top:1rem}th,td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}th{color:var(--text-secondary);font-size:.875rem;font-weight:500}td{font-size:.925rem}tr:hover td{background-color:var(--bg-hover)}.status-badge{padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:500;background:#6366f11a;color:#818cf8}.header{border-bottom:1px solid var(--border-color);padding:1rem 0;background:#09090bcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.header-content{display:flex;justify-content:space-between;align-items:center}.grid{display:grid;gap:1.5rem}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-cols-3{grid-template-columns:1fr}}