*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg: #1a1a2e;--sidebar-width: 220px;--accent: #6366f1;--accent-light: rgba(99,102,241,.15);--border: rgba(255,255,255,.08);--text-muted: rgba(255,255,255,.45);--text-dim: rgba(255,255,255,.65);--surface: #ffffff;--surface-2: #f8f9fc;--surface-3: #f1f3f8;--border-light: #e8eaf0;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--green: #16a34a;--amber: #d97706;--red: #dc2626;--blue: #2563eb;--purple: #7c3aed;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--surface-3);color:var(--text-primary);height:100vh;overflow:hidden}#root{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:10px}.flex{display:flex}.flex-col{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}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.w-full{width:100%}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500;white-space:nowrap}.badge-purple{background:#ede9fe;color:#5b21b6}.badge-green{background:#dcfce7;color:#15803d}.badge-amber{background:#fef9c3;color:#a16207}.badge-red{background:#fee2e2;color:#b91c1c}.badge-blue{background:#dbeafe;color:#1e40af}.badge-gray{background:#f3f4f6;color:#6b7280}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border-light);background:var(--surface);color:var(--text-primary);transition:background .15s}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:#5457e8}input,select{padding:8px 12px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);background:var(--surface);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}