:root{--bg-app:#f4f7f9;--bg-sidebar:#fff;--bg-surface:#fff;--text-primary:#1e264f;--text-secondary:#8b95a7;--text-muted:#b8b8c3;--border-color:#e5e9f0;--outline-color:#f0f2f5;--color-q1:#ff5252;--color-q1-soft:#fff5f5;--color-q1-header:#ffebeb;--color-q2:#448aff;--color-q2-soft:#f0f7ff;--color-q2-header:#e3f2fd;--color-q3:#ffa726;--color-q3-soft:#fffaf2;--color-q3-header:#fff3e0;--color-q4:#334155;--color-q4-soft:#f8f9fa;--color-q4-header:#eceff1;--color-error:#ff5252;--color-error-soft:#ff52521a;--color-primary:#448aff;--radius:0px;--sidebar-width:240px;--sidebar-collapsed-width:70px;--header-height:48px;--capture-height:44px;--card-height:38px;--card-padding:10px;--primary-glow:0 0 20px var(--color-primary-soft);--primary-border:1px solid var(--color-primary);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .6, 1);--spring-easing:cubic-bezier(.175, .885, .32, 1.275)}.rounded-ui{--radius:8px}[data-accent=red]{--color-primary:#ff5252;--color-primary-soft:#ff52521a}[data-accent=blue]{--color-primary:#448aff;--color-primary-soft:#448aff1a}[data-accent=orange]{--color-primary:#ffa726;--color-primary-soft:#ffa7261a}[data-accent=purple]{--color-primary:#9c27b0;--color-primary-soft:#9c27b01a}[data-accent=green]{--color-primary:#4caf50;--color-primary-soft:#4caf501a}.dark{--bg-app:#0f1218;--bg-sidebar:#161a23;--bg-surface:#1c222d;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--border-color:#2d3748;--outline-color:#1a202c;--color-q1-soft:#ff52520f;--color-q2-soft:#448aff0f;--color-q3-soft:#ffa7260f;--color-q4-soft:#90a4ae0f}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-app);height:100%;color:var(--text-primary);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden}button,a,input{transition:all var(--transition-fast)}button:active{transform:scale(.96)}.preload *{-o-transition:none!important;transition:none!important}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}input{-webkit-user-select:text;user-select:text;caret-color:var(--color-primary);outline:none;font-family:inherit}.sidebar-collapsed{--sidebar-width:var(--sidebar-collapsed-width)}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed-width)!important}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.flex-1{flex:1}.overflow-hidden{overflow:hidden}.industrial-hover{position:relative;transition:all var(--transition-base)!important;outline:none!important}.industrial-hover:hover{z-index:10;border-color:var(--color-primary)!important}.industrial-hover:active{transform:scale(.98)}.dark .industrial-hover:hover{border-color:var(--color-primary)!important;background-color:#ffffff14!important}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#0000001a}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a}