*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:DM Sans,sans-serif;background:#080a0f;color:#e8e8f0;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}:root{--bg: #080A0F;--bg2: #0E1016;--bg3: #141620;--bg4: #1C1F2E;--bg5: #232638;--accent: #6C63FF;--accent2: #00D2FF;--accent3: #FF6B6B;--text: #E8E8F0;--text2: #9A9AAF;--muted: #6B6D7E;--border: rgba(255,255,255,.07);--border2: rgba(255,255,255,.12);--radius: 12px;--transition: .2s ease}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:2rem;overflow-y:auto}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1.5rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;border:none;transition:var(--transition);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#6c63ff,#5550dd);color:#fff}.btn-primary:hover{opacity:.88;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border2)}.btn-ghost:hover{border-color:#ffffff47;background:var(--bg3)}.btn-sm{padding:.45rem 1rem;font-size:.78rem}.btn-danger{background:#ff6b6b26;color:#ff6b6b;border:1px solid rgba(255,107,107,.3)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.form-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}.form-input{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text);font-size:.875rem;outline:none;transition:border-color var(--transition);width:100%}.form-input:focus{border-color:#6c63ff80}.form-input::placeholder{color:var(--muted)}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table th{text-align:left;padding:.7rem 1rem;color:var(--muted);font-weight:500;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text2);vertical-align:middle}.data-table tr:hover td{background:#6c63ff0a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.stat-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:.4rem}.stat-value{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:700;background:linear-gradient(135deg,#6c63ff,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-sub{font-size:.72rem;color:var(--muted);margin-top:.3rem}.section-title{font-family:Syne,sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.section-sub{font-size:.85rem;color:var(--muted);margin-bottom:1.5rem}.badge{display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:100px}.badge-blue{background:#6c63ff2e;color:#a09bff}.badge-green{background:#84fab01f;color:#84fab0}.badge-red{background:#ff6b6b1f;color:#ff6b6b}.error-msg{color:#ff6b6b;font-size:.82rem;margin-top:.5rem}.skeleton{background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.code-block{background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:1rem;font-family:SF Mono,Fira Code,monospace;font-size:.78rem;color:var(--accent2);overflow-x:auto;white-space:pre;line-height:1.7}