*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,[data-theme=dark]{--bg-base: #0b0917;--bg-sidebar: #0f0c1e;--bg-card: #161228;--bg-card-2: #1e1836;--bg-input: #13102a;--border: rgba(124, 92, 255, .15);--border-subtle: rgba(255,255,255,.06);--text-primary: #f0eeff;--text-secondary: #a89fd8;--text-muted: #6b6389;--chart-grid: rgba(124,92,255,.08);--chart-tick: #6b6389;--tooltip-bg: #1e1836;--tooltip-border: rgba(124,92,255,.2);--tooltip-text: #f0eeff;--tooltip-label: #a89fd8;--accent-violet: #7C5CFF;--accent-violet-light: #9b82ff;--accent-mint: #00E5A0;--accent-amber: #FFB020;--accent-coral: #FF4D6D;--accent-blue: #4DA6FF;--sidebar-w: 240px;--topbar-h: 60px;--radius: 12px;--radius-sm: 8px}[data-theme=light]{--bg-base: #f4f2ff;--bg-sidebar: #ffffff;--bg-card: #ffffff;--bg-card-2: #f0eeff;--bg-input: #f8f7ff;--border: rgba(124, 92, 255, .2);--border-subtle: rgba(0,0,0,.07);--text-primary: #1a1635;--text-secondary: #4a4068;--text-muted: #9490b0;--chart-grid: rgba(124,92,255,.1);--chart-tick: #9490b0;--tooltip-bg: #ffffff;--tooltip-border: rgba(124,92,255,.25);--tooltip-text: #1a1635;--tooltip-label: #4a4068;--accent-violet: #7C5CFF;--accent-violet-light: #6344ee;--accent-mint: #00c484;--accent-amber: #e09900;--accent-coral: #e8334f;--accent-blue: #2e90e8}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-size:14px;-webkit-font-smoothing:antialiased}input,textarea,select,button{font-family:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-input);color:var(--text-primary);font-size:14px;outline:none;transition:border-color .15s}.input:focus{border-color:var(--accent-violet)}.input::placeholder{color:var(--text-muted)}.label{font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.04em}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-violet);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-violet-light)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover:not(:disabled){background:#7c5cff14;color:var(--text-primary)}.btn-danger{background:#ff4d6d1f;color:var(--accent-coral);border:1px solid rgba(255,77,109,.25)}.btn-danger:hover:not(:disabled){background:#ff4d6d38}.btn-mint{background:#00e5a01f;color:var(--accent-mint);border:1px solid rgba(0,229,160,.25)}.btn-mint:hover:not(:disabled){background:#00e5a038}.btn-sm{padding:5px 12px;font-size:12px}.btn-icon{padding:7px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--border-subtle);color:var(--text-secondary)}.btn-icon:hover{background:#7c5cff1a;color:var(--accent-violet)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600;white-space:nowrap}.badge-violet{background:#7c5cff26;color:var(--accent-violet-light)}.badge-mint{background:#00e5a01f;color:var(--accent-mint)}.badge-amber{background:#ffb0141f;color:var(--accent-amber)}.badge-coral{background:#ff4d6d1f;color:var(--accent-coral)}.badge-blue{background:#4da6ff1f;color:var(--accent-blue)}.badge-muted{background:#ffffff0f;color:var(--text-muted)}.table-wrap{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}thead th{text-align:left;padding:10px 14px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#7c5cff0a}tbody td{padding:12px 14px;font-size:13px;color:var(--text-secondary);vertical-align:middle}tbody td .text-primary-cell{color:var(--text-primary);font-weight:600}.skel{background:linear-gradient(90deg,var(--bg-card-2) 25%,var(--border) 50%,var(--bg-card-2) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:6px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:22px;font-weight:800;color:var(--text-primary)}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6389' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.divider{height:1px;background:var(--border);margin:16px 0}.pagination{display:flex;align-items:center;gap:6px;padding-top:16px;flex-wrap:wrap}.pagination button{min-width:34px;height:34px;border-radius:8px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;padding:0 10px}.pagination button.active{background:var(--accent-violet);color:#fff}.pagination button:not(.active){background:transparent;color:var(--text-muted);border:1px solid var(--border)}.pagination button:not(.active):hover{background:#7c5cff14;color:var(--text-primary)}.pagination .page-info{font-size:12px;color:var(--text-muted);padding:0 8px}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px}.error-banner{padding:12px 16px;border-radius:8px;background:#ff4d6d1a;border:1px solid rgba(255,77,109,.25);color:var(--accent-coral);font-size:13px;margin-bottom:16px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow-y:auto}.modal-box{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:100%;max-width:480px;position:relative;margin:auto}.modal-title{font-size:17px;font-weight:700;margin-bottom:20px}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;line-height:1}.modal-close:hover{color:var(--text-primary)}