*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:DM Sans,Segoe UI,system-ui,sans-serif;line-height:1.5;min-height:100vh}input,select,button,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}.theme-dark ::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.theme-light ::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.theme-dark{--bg-primary: #12131e;--bg-secondary: rgba(18, 19, 30, .95);--bg-card: rgba(30, 32, 44, .85);--bg-input: #262838;--bg-hover: rgba(255, 255, 255, .02);--bg-tag: rgba(255, 255, 255, .05);--bg-bar: rgba(255, 255, 255, .05);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: rgba(255, 255, 255, .06);--shadow-modal: rgba(0, 0, 0, .3);--tooltip-bg: #1e202c}.theme-light{--bg-primary: #f5f6fa;--bg-secondary: rgba(245, 246, 250, .95);--bg-card: rgba(255, 255, 255, .85);--bg-input: #f1f5f9;--bg-hover: rgba(0, 0, 0, .02);--bg-tag: rgba(0, 0, 0, .04);--bg-bar: rgba(0, 0, 0, .04);--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: rgba(0, 0, 0, .06);--shadow-modal: rgba(0, 0, 0, .08);--tooltip-bg: #ffffff}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}.animate-slide-in{animation:slideIn .3s ease-out forwards}.animate-scale-in{animation:scaleIn .25s ease-out forwards}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:18px;border:1px solid var(--border-color)}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--shadow-modal)}.mono{font-family:JetBrains Mono,monospace}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;border:none;cursor:pointer;font-size:13px;font-weight:600;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transition:opacity .2s,transform .15s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;font-size:13px;font-weight:500;transition:background .15s}.btn-secondary:hover{background:var(--bg-hover)}.input{width:100%;padding:10px 14px;border-radius:10px;font-size:14px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);outline:none;transition:border-color .2s}.input:focus{border-color:#6366f1}.select{padding:10px 14px;border-radius:10px;font-size:13px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);outline:none;cursor:pointer}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (min-width: 769px){.show-mobile{display:none!important}}
