*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #ffffff;--bg-secondary: #f7f7f5;--bg-tertiary: #f0efe9;--text-primary: #1a1a18;--text-secondary: #5c5c58;--text-tertiary: #9b9b95;--border: rgba(0,0,0,.1);--border-md: rgba(0,0,0,.18);--accent: #534AB7;--accent-light: #EEEDFE;--accent-mid: #CECBF6;--accent-dark: #3C3489;--success-bg: #EAF3DE;--success-text: #27500A;--danger-bg: #FCEBEB;--danger-text: #A32D2D;--warning-bg: #FAEEDA;--warning-text: #633806;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Consolas", monospace;--sidebar-width: 220px;--topbar-height: 48px}[data-theme=dark]{--bg-primary: #1c1c1a;--bg-secondary: #242422;--bg-tertiary: #2a2a27;--text-primary: #f0efea;--text-secondary: #a8a89e;--text-tertiary: #6b6b64;--border: rgba(255,255,255,.1);--border-md: rgba(255,255,255,.18);--accent: #7F77DD;--accent-light: #26215C;--accent-mid: #3C3489;--accent-dark: #CECBF6;--success-bg: #173404;--success-text: #C0DD97;--danger-bg: #501313;--danger-text: #F09595;--warning-bg: #412402;--warning-text: #FAC775}html,body,#app{height:100%;font-family:var(--font);background:var(--bg-tertiary);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:3px}input,select,textarea{font-family:var(--font);font-size:13px;background:var(--bg-secondary);border:.5px solid var(--border-md);border-radius:var(--radius-md);color:var(--text-primary);padding:7px 10px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #534ab726}button{cursor:pointer;font-family:var(--font)}.btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-md);font-size:12px;border:.5px solid var(--border-md);background:none;color:var(--text-secondary);transition:background .1s,color .1s;white-space:nowrap}.btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}.btn-danger{border-color:var(--danger-text);color:var(--danger-text)}.btn-danger:hover{background:var(--danger-bg)}.btn-success{border-color:var(--success-text);color:var(--success-text)}.btn-success:hover{background:var(--success-bg)}.btn-sm{padding:4px 9px;font-size:11px}.badge{display:inline-block;font-size:10px;font-weight:500;padding:2px 7px;border-radius:10px;white-space:nowrap}.badge-purple{background:var(--accent-light);color:var(--accent-dark)}.badge-green{background:var(--success-bg);color:var(--success-text)}.badge-red{background:var(--danger-bg);color:var(--danger-text)}.badge-amber{background:var(--warning-bg);color:var(--warning-text)}.badge-neutral{background:var(--bg-tertiary);color:var(--text-tertiary)}.card{background:var(--bg-primary);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px}.card-title{font-size:13px;font-weight:500;margin-bottom:12px;display:flex;align-items:center;gap:6px}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--accent)}.text-success{color:var(--success-text)}.text-danger{color:var(--danger-text)}.font-mono{font-family:var(--font-mono)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fade-enter-active,.fade-leave-active{transition:opacity .15s}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .2s,opacity .2s}.slide-enter-from{transform:translate(-8px);opacity:0}.slide-leave-to{transform:translate(8px);opacity:0}