*,*:before,*:after{box-sizing:border-box}html,body{height:100%;width:100%;margin:0;padding:0;font-family:var(--font-body, "Inter", -apple-system, BlinkMacSystemFont, sans-serif);background:var(--bg-main, #F8FAFC);color:var(--text-primary, #0F172A);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);margin:0}:root{--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 56px;--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-sidebar: #090D16;--bg-sidebar-hover: #1E293B;--bg-sidebar-active: #1E3A8A;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--text-faint: #94A3B8;--text-sidebar: #94A3B8;--text-sidebar-active: #F8FAFC;--primary-blue: #2563EB;--primary-hover: #1D4ED8;--primary-dark: #1E40AF;--primary-light: #EFF6FF;--primary-border: #BFDBFE;--status-green-bg: #ECFDF5;--status-green-text: #047857;--status-green-dot: #059669;--status-blue-bg: #EFF6FF;--status-blue-text: #1D4ED8;--status-blue-dot: #2563EB;--status-amber-bg: #FEF3C7;--status-amber-text: #B45309;--status-amber-dot: #D97706;--status-rose-bg: #FFF1F2;--status-rose-text: #BE123C;--status-rose-dot: #E11D48;--border-subtle: #E2E8F0;--border-medium: #CBD5E1;--font-heading: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-card: 10px;--radius-btn: 6px;--radius-pill: 20px;--shadow-flat: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-popover: 0 4px 12px -2px rgba(15, 23, 42, .08), 0 2px 4px -1px rgba(15, 23, 42, .04)}body[data-color-mode=dark],body:not([data-color-mode]){--bg-main: #0C1017;--bg-card: #161F2C;--bg-sidebar: #070A0F;--bg-sidebar-hover: #202D3F;--bg-sidebar-active: #3B82F6;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-faint: #475569;--text-sidebar: #94A3B8;--text-sidebar-active: #FFFFFF;--primary-blue: #3B82F6;--primary-hover: #2563EB;--primary-dark: #1D4ED8;--primary-light: rgba(59, 130, 246, .18);--primary-border: #3B82F6;--border-subtle: #243447;--border-medium: #364E6B}body[data-theme=marina-corporativa][data-color-mode=dark]{--bg-main: #061523;--bg-card: #0D283E;--bg-sidebar: #030C14;--bg-sidebar-hover: #133959;--bg-sidebar-active: #16B8A6;--text-primary: #F0FDF4;--text-secondary: #94A3B8;--text-muted: #6B829B;--primary-blue: #16B8A6;--primary-hover: #0D9488;--primary-dark: #0F766E;--primary-light: rgba(22, 184, 166, .18);--primary-border: #16B8A6;--border-subtle: #133959;--border-medium: #1F5480}body[data-theme=marina-corporativa][data-color-mode=light]{--bg-main: #F4F7FA;--bg-card: #FFFFFF;--bg-sidebar: #091F33;--bg-sidebar-hover: #123B56;--bg-sidebar-active: #0D9488;--text-primary: #091F33;--text-secondary: #334E68;--text-muted: #627D98;--primary-blue: #0D9488;--primary-hover: #0F766E;--primary-dark: #115E59;--primary-light: #CCFBF1;--primary-border: #99F6E4;--border-subtle: #E2E8F0;--border-medium: #CBD5E1}body[data-theme=grafito-cobalto][data-color-mode=dark],body[data-theme=default][data-color-mode=dark],body[data-theme=cobalt-coral][data-color-mode=dark],body[data-theme=carbon-titanium][data-color-mode=dark]{--bg-main: #0C1017;--bg-card: #161F2C;--bg-sidebar: #070A0F;--bg-sidebar-hover: #202D3F;--bg-sidebar-active: #3B82F6;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--primary-blue: #3B82F6;--primary-hover: #2563EB;--primary-dark: #1D4ED8;--primary-light: rgba(59, 130, 246, .18);--primary-border: #3B82F6;--border-subtle: #243447;--border-medium: #364E6B}body[data-theme=grafito-cobalto][data-color-mode=light],body[data-theme=default][data-color-mode=light],body[data-theme=cobalt-coral][data-color-mode=light],body[data-theme=carbon-titanium][data-color-mode=light]{--bg-main: #F1F5F9;--bg-card: #FFFFFF;--bg-sidebar: #17212B;--bg-sidebar-hover: #243447;--bg-sidebar-active: #2563EB;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--primary-blue: #2563EB;--primary-hover: #1D4ED8;--primary-dark: #1E40AF;--primary-light: #EFF6FF;--primary-border: #BFDBFE;--border-subtle: #E2E8F0;--border-medium: #CBD5E1}body[data-theme=petroleo-lima][data-color-mode=dark],body[data-theme=matcha-terracotta][data-color-mode=dark]{--bg-main: #051820;--bg-card: #0B2530;--bg-sidebar: #020D12;--bg-sidebar-hover: #123746;--bg-sidebar-active: #84CC16;--text-primary: #F5FAFA;--text-secondary: #A3C9CB;--text-muted: #64748B;--primary-blue: #84CC16;--primary-hover: #65A30D;--primary-dark: #4D7C0F;--primary-light: rgba(132, 204, 22, .18);--primary-border: #84CC16;--border-subtle: #174254;--border-medium: #24607A}body[data-theme=petroleo-lima][data-color-mode=light],body[data-theme=matcha-terracotta][data-color-mode=light]{--bg-main: #F0F7F7;--bg-card: #FFFFFF;--bg-sidebar: #0F2443;--bg-sidebar-hover: #15385C;--bg-sidebar-active: #65A30D;--text-primary: #0A192F;--text-secondary: #475569;--text-muted: #64748B;--primary-blue: #65A30D;--primary-hover: #4D7C0F;--primary-dark: #3F6212;--primary-light: #F7FEE7;--primary-border: #D9F99D;--border-subtle: #D9E2EC;--border-medium: #BCCCDC}body[data-theme=indigo-lavanda][data-color-mode=dark],body[data-theme=dark-indigo][data-color-mode=dark]{--bg-main: #120E2E;--bg-card: #1E174B;--bg-sidebar: #09061A;--bg-sidebar-hover: #2D226E;--bg-sidebar-active: #A855F7;--text-primary: #F8F7FF;--text-secondary: #D8B4FE;--text-muted: #94A3B8;--primary-blue: #A855F7;--primary-hover: #9333EA;--primary-dark: #7E22CE;--primary-light: rgba(168, 85, 247, .2);--primary-border: #A855F7;--border-subtle: #2E235C;--border-medium: #453483}body[data-theme=indigo-lavanda][data-color-mode=light],body[data-theme=dark-indigo][data-color-mode=light]{--bg-main: #F5F0FF;--bg-card: #FFFFFF;--bg-sidebar: #1E1548;--bg-sidebar-hover: #322378;--bg-sidebar-active: #7E22CE;--text-primary: #2E1065;--text-secondary: #581C87;--text-muted: #64748B;--primary-blue: #7E22CE;--primary-hover: #6B21A8;--primary-dark: #581C87;--primary-light: #F3E8FF;--primary-border: #E9D5FF;--border-subtle: #E9D5FF;--border-medium: #D8B4FE}body[data-theme=pizarra-esmeralda][data-color-mode=dark],body[data-theme=esmeralda][data-color-mode=dark],body[data-theme=emerald][data-color-mode=dark],body[data-theme=emerald-ivory][data-color-mode=dark]{--bg-main: #061912;--bg-card: #0D291F;--bg-sidebar: #020E0A;--bg-sidebar-hover: #133D2E;--bg-sidebar-active: #10B981;--text-primary: #F0FDF4;--text-secondary: #A7F3D0;--text-muted: #6EE7B7;--primary-blue: #10B981;--primary-hover: #059669;--primary-dark: #047857;--primary-light: rgba(16, 185, 129, .2);--primary-border: #10B981;--border-subtle: #164E3A;--border-medium: #227557}body[data-theme=pizarra-esmeralda][data-color-mode=light],body[data-theme=esmeralda][data-color-mode=light],body[data-theme=emerald][data-color-mode=light],body[data-theme=emerald-ivory][data-color-mode=light]{--bg-main: #F0FDF4;--bg-card: #FFFFFF;--bg-sidebar: #064E3B;--bg-sidebar-hover: #0C6B52;--bg-sidebar-active: #059669;--text-primary: #064E3B;--text-secondary: #047857;--text-muted: #64748B;--primary-blue: #059669;--primary-hover: #047857;--primary-dark: #064E3B;--primary-light: #ECFDF5;--primary-border: #A7F3D0;--border-subtle: #D1FAE5;--border-medium: #A7F3D0}body[data-theme=azulnoche-cian][data-color-mode=dark],body[data-theme=noche-cian][data-color-mode=dark],body[data-theme=nordic-slate][data-color-mode=dark]{--bg-main: #07172B;--bg-card: #0E2540;--bg-sidebar: #030C18;--bg-sidebar-hover: #153860;--bg-sidebar-active: #06B6D4;--text-primary: #F0F9FF;--text-secondary: #7DD3FC;--text-muted: #64748B;--primary-blue: #06B6D4;--primary-hover: #0891B2;--primary-dark: #0E7490;--primary-light: rgba(6, 182, 212, .2);--primary-border: #06B6D4;--border-subtle: #193E63;--border-medium: #285E91}body[data-theme=azulnoche-cian][data-color-mode=light],body[data-theme=noche-cian][data-color-mode=light],body[data-theme=nordic-slate][data-color-mode=light]{--bg-main: #F0F9FF;--bg-card: #FFFFFF;--bg-sidebar: #0C2340;--bg-sidebar-hover: #14355D;--bg-sidebar-active: #0284C7;--text-primary: #0C4A6E;--text-secondary: #0369A1;--text-muted: #64748B;--primary-blue: #0284C7;--primary-hover: #0369A1;--primary-dark: #075985;--primary-light: #E0F2FE;--primary-border: #7DD3FC;--border-subtle: #BAE6FD;--border-medium: #7DD3FC}body[data-theme=carbon-naranja][data-color-mode=dark]{--bg-main: #151619;--bg-card: #222429;--bg-sidebar: #0C0D0E;--bg-sidebar-hover: #31343C;--bg-sidebar-active: #F97316;--text-primary: #F7F7F5;--text-secondary: #A1B0B2;--text-muted: #64748B;--primary-blue: #F97316;--primary-hover: #EA580C;--primary-dark: #C2410C;--primary-light: rgba(249, 115, 22, .2);--primary-border: #F97316;--border-subtle: #30333B;--border-medium: #494E5A}body[data-theme=carbon-naranja][data-color-mode=light]{--bg-main: #FAF9F6;--bg-card: #FFFFFF;--bg-sidebar: #202124;--bg-sidebar-hover: #35373C;--bg-sidebar-active: #EA580C;--text-primary: #202124;--text-secondary: #5F6368;--text-muted: #64748B;--primary-blue: #EA580C;--primary-hover: #C2410C;--primary-dark: #9A3412;--primary-light: #FFEDD5;--primary-border: #FED7AA;--border-subtle: #E8EAED;--border-medium: #DADCE0}body[data-theme=bosque-arena][data-color-mode=dark],body[data-theme=bosque][data-color-mode=dark],body[data-theme=forest-champagne][data-color-mode=dark],body[data-theme=copper-sand][data-color-mode=dark]{--bg-main: #0B1B10;--bg-card: #132D1B;--bg-sidebar: #040E08;--bg-sidebar-hover: #1D4228;--bg-sidebar-active: #6CC29F;--text-primary: #F5F1E8;--text-secondary: #A7F3D0;--text-muted: #64748B;--primary-blue: #6CC29F;--primary-hover: #4FA883;--primary-dark: #378263;--primary-light: rgba(108, 194, 159, .2);--primary-border: #6CC29F;--border-subtle: #1F452B;--border-medium: #2F6641}body[data-theme=bosque-arena][data-color-mode=light],body[data-theme=bosque][data-color-mode=light],body[data-theme=forest-champagne][data-color-mode=light],body[data-theme=copper-sand][data-color-mode=light]{--bg-main: #F4F0E8;--bg-card: #FFFFFF;--bg-sidebar: #143823;--bg-sidebar-hover: #225737;--bg-sidebar-active: #1B4332;--text-primary: #143823;--text-secondary: #2D6A4F;--text-muted: #64748B;--primary-blue: #1B4332;--primary-hover: #0F2D21;--primary-dark: #081C14;--primary-light: #E8F5E9;--primary-border: #C8E6C9;--border-subtle: #E6DFD3;--border-medium: #D8CEBC}body[data-theme=monocromatica-azul][data-color-mode=dark]{--bg-main: #091B2C;--bg-card: #112A42;--bg-sidebar: #040D17;--bg-sidebar-hover: #183D5F;--bg-sidebar-active: #38BDF8;--text-primary: #EAF2F8;--text-secondary: #9FB3C8;--text-muted: #627D98;--primary-blue: #38BDF8;--primary-hover: #0284C7;--primary-dark: #0369A1;--primary-light: rgba(56, 189, 248, .2);--primary-border: #38BDF8;--border-subtle: #1B3E60;--border-medium: #27598A}body[data-theme=monocromatica-azul][data-color-mode=light]{--bg-main: #F0F4F8;--bg-card: #FFFFFF;--bg-sidebar: #102A43;--bg-sidebar-hover: #1F456B;--bg-sidebar-active: #1565C0;--text-primary: #102A43;--text-secondary: #334E68;--text-muted: #627D98;--primary-blue: #1565C0;--primary-hover: #0D47A1;--primary-dark: #0A3578;--primary-light: #E3F2FD;--primary-border: #BBDEFB;--border-subtle: #D9E2EC;--border-medium: #BCCCDC}body[data-theme=oscuro-operativo][data-color-mode=dark]{--bg-main: #05080E;--bg-card: #0D1322;--bg-sidebar: #020306;--bg-sidebar-hover: #151F36;--bg-sidebar-active: #22D3EE;--text-primary: #F8FAFC;--text-secondary: #94A3B8;--text-muted: #64748B;--primary-blue: #22D3EE;--primary-hover: #06B6D4;--primary-dark: #0891B2;--primary-light: rgba(34, 211, 238, .2);--primary-border: #22D3EE;--border-subtle: #1B263E;--border-medium: #2A3B5F}body[data-theme=oscuro-operativo][data-color-mode=light]{--bg-main: #F8FAFC;--bg-card: #FFFFFF;--bg-sidebar: #0F172A;--bg-sidebar-hover: #1E293B;--bg-sidebar-active: #0284C7;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #64748B;--primary-blue: #0284C7;--primary-hover: #0369A1;--primary-dark: #075985;--primary-light: #E0F2FE;--primary-border: #BAE6FD;--border-subtle: #E2E8F0;--border-medium: #CBD5E1}body[data-theme=tokyo-sunset][data-color-mode=dark]{--bg-main: #141024;--bg-card: #201A36;--bg-sidebar: #0B0816;--bg-sidebar-hover: #2C244A;--bg-sidebar-active: #E535AB;--text-primary: #FAF5FF;--text-secondary: #E9D5FF;--text-muted: #94A3B8;--primary-blue: #E535AB;--primary-hover: #D92697;--primary-dark: #BE185D;--primary-light: rgba(229, 53, 171, .2);--primary-border: #E535AB;--border-subtle: #2D244D;--border-medium: #4C3D7F}body[data-theme=tokyo-sunset][data-color-mode=light]{--bg-main: #FDF2F8;--bg-card: #FFFFFF;--bg-sidebar: #1E102A;--bg-sidebar-hover: #351C47;--bg-sidebar-active: #DB2777;--text-primary: #831843;--text-secondary: #9D174D;--text-muted: #64748B;--primary-blue: #DB2777;--primary-hover: #BE185D;--primary-dark: #9D174D;--primary-light: #FCE7F3;--primary-border: #FBCFE8;--border-subtle: #FBCFE8;--border-medium: #F472B6}body[data-theme=glacier-frost][data-color-mode=dark]{--bg-main: #0A192F;--bg-card: #102A43;--bg-sidebar: #050E1A;--bg-sidebar-hover: #1A3E61;--bg-sidebar-active: #00B4D8;--text-primary: #F0F9FF;--text-secondary: #BAE6FD;--text-muted: #64748B;--primary-blue: #00B4D8;--primary-hover: #0096C7;--primary-dark: #0077B6;--primary-light: rgba(0, 180, 216, .2);--primary-border: #00B4D8;--border-subtle: #163656;--border-medium: #235485}body[data-theme=glacier-frost][data-color-mode=light]{--bg-main: #F0F9FF;--bg-card: #FFFFFF;--bg-sidebar: #0F2D4A;--bg-sidebar-hover: #18426B;--bg-sidebar-active: #0284C7;--text-primary: #0C4A6E;--text-secondary: #0369A1;--text-muted: #64748B;--primary-blue: #0284C7;--primary-hover: #0369A1;--primary-dark: #075985;--primary-light: #E0F2FE;--primary-border: #BAE6FD;--border-subtle: #E0F2FE;--border-medium: #BAE6FD}body[data-theme=space-ultraviolet][data-color-mode=dark]{--bg-main: #0A0819;--bg-card: #15112E;--bg-sidebar: #05040F;--bg-sidebar-hover: #221C4A;--bg-sidebar-active: #B026FF;--text-primary: #FAF5FF;--text-secondary: #E9D5FF;--text-muted: #94A3B8;--primary-blue: #B026FF;--primary-hover: #9333EA;--primary-dark: #7928CA;--primary-light: rgba(176, 38, 255, .2);--primary-border: #B026FF;--border-subtle: #241D4E;--border-medium: #3E3182}body[data-theme=space-ultraviolet][data-color-mode=light]{--bg-main: #FAF5FF;--bg-card: #FFFFFF;--bg-sidebar: #1E1238;--bg-sidebar-hover: #311E5B;--bg-sidebar-active: #9333EA;--text-primary: #3B0764;--text-secondary: #581C87;--text-muted: #64748B;--primary-blue: #9333EA;--primary-hover: #7E22CE;--primary-dark: #6B21A8;--primary-light: #F3E8FF;--primary-border: #E9D5FF;--border-subtle: #F3E8FF;--border-medium: #E9D5FF}body[data-theme=terracotta-sage][data-color-mode=dark]{--bg-main: #1C1917;--bg-card: #292524;--bg-sidebar: #0F0E0D;--bg-sidebar-hover: #3E3734;--bg-sidebar-active: #E07A5F;--text-primary: #FAF7F2;--text-secondary: #D6D3D1;--text-muted: #8D8884;--primary-blue: #E07A5F;--primary-hover: #D05B3D;--primary-dark: #9A3412;--primary-light: rgba(224, 122, 95, .2);--primary-border: #E07A5F;--border-subtle: #3E3835;--border-medium: #574E4A}body[data-theme=terracotta-sage][data-color-mode=light]{--bg-main: #FAF7F2;--bg-card: #FFFFFF;--bg-sidebar: #2A2421;--bg-sidebar-hover: #403632;--bg-sidebar-active: #C2410C;--text-primary: #431407;--text-secondary: #7C2D12;--text-muted: #78716C;--primary-blue: #C2410C;--primary-hover: #9A3412;--primary-dark: #7C2D12;--primary-light: #FFEDD5;--primary-border: #FED7AA;--border-subtle: #F5EBE1;--border-medium: #FED7AA}body[data-theme=obsidian-amber][data-color-mode=dark],body[data-theme=obsidian-coral][data-color-mode=dark]{--bg-main: #0B0D14;--bg-card: #151924;--bg-sidebar: #06070B;--bg-sidebar-hover: #22293A;--bg-sidebar-active: #FF3366;--text-primary: #FFF1F2;--text-secondary: #FECDD3;--text-muted: #94A3B8;--primary-blue: #FF3366;--primary-hover: #E11D48;--primary-dark: #BE123C;--primary-light: rgba(255, 51, 102, .2);--primary-border: #FF3366;--border-subtle: #232A3B;--border-medium: #37425D}body[data-theme=obsidian-amber][data-color-mode=light],body[data-theme=obsidian-coral][data-color-mode=light]{--bg-main: #FFF1F2;--bg-card: #FFFFFF;--bg-sidebar: #1E0F14;--bg-sidebar-hover: #341822;--bg-sidebar-active: #E11D48;--text-primary: #4C0519;--text-secondary: #881337;--text-muted: #64748B;--primary-blue: #E11D48;--primary-hover: #BE123C;--primary-dark: #9F1239;--primary-light: #FFE4E6;--primary-border: #FECDD3;--border-subtle: #FFE4E6;--border-medium: #FECDD3}body[data-theme=sunset-bronze][data-color-mode=dark]{--bg-main: #18110D;--bg-card: #271C15;--bg-sidebar: #0C0806;--bg-sidebar-hover: #3D2C22;--bg-sidebar-active: #D97706;--text-primary: #FFFBEB;--text-secondary: #FDE68A;--text-muted: #94A3B8;--primary-blue: #D97706;--primary-hover: #B45309;--primary-dark: #92400E;--primary-light: rgba(217, 119, 6, .2);--primary-border: #D97706;--border-subtle: #3D2B20;--border-medium: #5C4131}body[data-theme=sunset-bronze][data-color-mode=light]{--bg-main: #FFFBEB;--bg-card: #FFFFFF;--bg-sidebar: #261608;--bg-sidebar-hover: #3E240D;--bg-sidebar-active: #D97706;--text-primary: #451A03;--text-secondary: #78350F;--text-muted: #78716C;--primary-blue: #D97706;--primary-hover: #B45309;--primary-dark: #92400E;--primary-light: #FEF3C7;--primary-border: #FDE68A;--border-subtle: #FEF3C7;--border-medium: #FDE68A}body[data-theme=honey-sienna][data-color-mode=dark]{--bg-main: #19140B;--bg-card: #2A2113;--bg-sidebar: #0C0A05;--bg-sidebar-hover: #3E311D;--bg-sidebar-active: #F59E0B;--text-primary: #FEFCE8;--text-secondary: #FEF08A;--text-muted: #94A3B8;--primary-blue: #F59E0B;--primary-hover: #D97706;--primary-dark: #B45309;--primary-light: rgba(245, 158, 11, .2);--primary-border: #F59E0B;--border-subtle: #3E301B;--border-medium: #5D4828}body[data-theme=honey-sienna][data-color-mode=light]{--bg-main: #FEFCE8;--bg-card: #FFFFFF;--bg-sidebar: #2B1D08;--bg-sidebar-hover: #452E0C;--bg-sidebar-active: #B45309;--text-primary: #451A03;--text-secondary: #78350F;--text-muted: #713F12;--primary-blue: #B45309;--primary-hover: #92400E;--primary-dark: #78350F;--primary-light: #FEF3C7;--primary-border: #FDE68A;--border-subtle: #FEF9C3;--border-medium: #FDE68A}body[data-theme=matcha-zen][data-color-mode=dark],body[data-theme=matcha-terracotta][data-color-mode=dark]{--bg-main: #0D1914;--bg-card: #162921;--bg-sidebar: #060D0A;--bg-sidebar-hover: #223D32;--bg-sidebar-active: #10B981;--text-primary: #F0FDF4;--text-secondary: #A7F3D0;--text-muted: #64748B;--primary-blue: #10B981;--primary-hover: #059669;--primary-dark: #047857;--primary-light: rgba(16, 185, 129, .2);--primary-border: #10B981;--border-subtle: #1F3A2E;--border-medium: #2F5846}body[data-theme=matcha-zen][data-color-mode=light],body[data-theme=matcha-terracotta][data-color-mode=light]{--bg-main: #F6F8F5;--bg-card: #FFFFFF;--bg-sidebar: #132A20;--bg-sidebar-hover: #1E3F30;--bg-sidebar-active: #2D6A4F;--text-primary: #1B4332;--text-secondary: #2D6A4F;--text-muted: #52796F;--primary-blue: #2D6A4F;--primary-hover: #1B4332;--primary-dark: #081C15;--primary-light: #E8F5E9;--primary-border: #C8E6C9;--border-subtle: #E8F5E9;--border-medium: #C8E6C9}.theme-tab-btn{background:transparent;color:var(--text-muted, #94A3B8);border:none;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.theme-tab-btn:hover{background:#ffffff0d;color:var(--text-primary, #F8FAFC)}.theme-tab-btn.active{background:var(--primary-blue, #2563EB)!important;color:#fff!important;box-shadow:0 2px 8px #00000026}body[data-color-mode=light] .theme-tab-btn:hover{background:#0000000d}body[data-color-mode=light] .theme-tab-btn.active{background:var(--primary-blue, #2563EB)!important;color:#fff!important}.theme-category-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.85rem;margin-bottom:1.5rem;animation:fadeInCategory .25s ease}@keyframes fadeInCategory{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}input[readonly],select[disabled],textarea[readonly],.form-control:disabled{background-color:var(--bg-main)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}body.app-layout,.main-wrapper,.content-area,.topbar,.kpi-card,.table-card,.chart-card,.modal-card,.data-table th,.data-table td,input,select{transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease!important}*{margin:0;padding:0;box-sizing:border-box}body.app-layout{font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-primary);display:flex;min-height:100vh;overflow-x:hidden;font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}svg{display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);color:#fff;display:flex;flex-direction:column;position:fixed;top:0;bottom:0;left:0;z-index:100;transition:width .25s cubic-bezier(.16,1,.3,1);border-right:1px solid #1E293B}.sidebar-header{height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid #1E293B}.brand{display:flex;align-items:center;gap:.65rem;color:#fff}.logo-hc{font-family:var(--font-heading);font-weight:800;font-size:1.35rem;color:#38bdf8;letter-spacing:-.5px;background:linear-gradient(135deg,#38bdf8,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stc-brand-logo{height:38px;width:38px;background:transparent!important;border-radius:0;padding:0;box-shadow:none;flex-shrink:0;transition:all .2s ease;filter:drop-shadow(0 0 6px var(--primary-blue, rgba(14, 165, 233, .4)))}.sidebar.collapsed .stc-brand-logo{height:32px;width:32px}.brand-text{display:flex;flex-direction:column}.stc-title{font-family:var(--font-heading);font-weight:700;font-size:.9rem;color:#f8fafc;letter-spacing:-.2px}.stc-tag{font-size:.62rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.toggle-sidebar-btn{background:transparent;border:none;color:#64748b;cursor:pointer;padding:.35rem;border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.toggle-sidebar-btn:hover{background-color:var(--bg-sidebar-hover);color:#f8fafc}.toggle-sidebar-btn svg{width:16px;height:16px}.sidebar-nav{flex:1;overflow-y:auto;padding:.75rem .5rem;display:flex;flex-direction:column;gap:.2rem}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background-color:#1e293b;border-radius:4px}.nav-group-title{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;color:var(--text-sidebar);padding:.55rem .65rem;border-radius:var(--radius-btn);font-family:var(--font-body);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease;position:relative}.nav-title-content{display:flex;align-items:center;gap:.6rem}.nav-icon{width:18px;height:18px;color:#fff9;transition:all .2s ease}.chevron-icon{width:12px;height:12px;color:#ffffff73;transition:transform .2s ease}.nav-group-title:hover{background-color:#ffffff14;color:#fff}.nav-group-title:hover .nav-icon{color:var(--primary-blue, #38BDF8)}.nav-group-title.active{color:#fff;background-color:#ffffff1f}.nav-group-title.active .nav-icon{color:var(--primary-blue, #38BDF8);filter:drop-shadow(0 0 4px var(--primary-blue, #38BDF8))}.nav-group-title.expanded .chevron-icon{transform:rotate(180deg)}.nav-subitems{display:none;flex-direction:column;gap:.1rem;padding-left:2rem;margin-top:.1rem;margin-bottom:.25rem}.nav-group.open .nav-subitems{display:flex}.sub-item{color:#ffffffb3;text-decoration:none;font-size:.78rem;padding:.35rem .6rem;border-radius:4px;transition:all .15s ease;display:block}.sub-item:hover{color:#fff;background-color:#ffffff14}.sub-item.active{color:var(--primary-blue, #38BDF8);font-weight:600;background-color:#ffffff1a}.sidebar-footer{padding:.75rem .85rem;border-top:1px solid rgba(255,255,255,.1);background-color:#0003;display:flex;flex-direction:column;gap:.65rem}.sidebar-user-block{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-footer .user-chip{display:flex;align-items:center;gap:.6rem;padding:.3rem .4rem;border-radius:6px;cursor:pointer;border:1px solid transparent;transition:all .15s ease;flex:1;min-width:0}.sidebar-footer .user-chip:hover{background-color:#ffffff14;border-color:#ffffff1a}.sidebar-footer .avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-blue, #2563EB);color:#fff;font-weight:700;font-size:.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 8px #0000004d}.sidebar-footer .user-details{display:flex;flex-direction:column;min-width:0}.sidebar-footer .user-details .name{font-size:.78rem;font-weight:600;color:#f1f5f9;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .user-details .role{font-size:.65rem;color:#94a3b8;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer .notification-btn{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#94a3b8;width:32px;height:32px;border-radius:6px;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.sidebar-footer .notification-btn:hover{background-color:#ffffff1f;color:#f8fafc;border-color:#fff3}.sidebar-footer .notification-btn svg{width:15px;height:15px}.sidebar-footer .notification-btn .badge{position:absolute;top:-3px;right:-3px;background-color:#ef4444;color:#fff;font-size:.58rem;font-weight:700;padding:0 4px;border-radius:8px;border:1.5px solid #090D16}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.72rem;color:#64748b;font-weight:500}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.green{background-color:#10b981;box-shadow:0 0 6px #10b98166}.sidebar.collapsed{width:var(--sidebar-collapsed-width, 64px)!important;min-width:var(--sidebar-collapsed-width, 64px)!important;max-width:var(--sidebar-collapsed-width, 64px)!important;overflow-x:hidden!important}.sidebar.collapsed .brand-text,.sidebar.collapsed .stc-tag,.sidebar.collapsed .stc-title,.sidebar.collapsed .nav-group-title span,.sidebar.collapsed .chevron-icon,.sidebar.collapsed .nav-subitems,.sidebar.collapsed .status-text,.sidebar.collapsed .user-details{display:none!important}.sidebar.collapsed .sidebar-header{padding:0 .35rem!important;justify-content:center!important;position:relative!important}.sidebar.collapsed .sidebar-header .brand{justify-content:center!important;gap:0!important}.sidebar.collapsed .toggle-sidebar-btn{position:absolute!important;right:2px!important;top:50%!important;transform:translateY(-50%)!important;background:#0f172ab3!important;border-radius:4px!important;padding:2px!important;opacity:0;transition:opacity .2s ease;z-index:10}.sidebar.collapsed .sidebar-header:hover .toggle-sidebar-btn{opacity:1!important}.sidebar.collapsed .sidebar-nav{padding:.75rem .25rem!important;align-items:center!important}.sidebar.collapsed .nav-group{width:100%!important;display:flex!important;justify-content:center!important}.sidebar.collapsed .nav-group-title{padding:.6rem 0!important;justify-content:center!important;width:100%!important;border-radius:8px!important}.sidebar.collapsed .nav-title-content{justify-content:center!important;width:100%!important;gap:0!important}.sidebar.collapsed .nav-icon{margin:0 auto!important}.sidebar.collapsed .sidebar-footer{padding:.75rem .25rem!important;align-items:center!important}.sidebar.collapsed .sidebar-user-block{flex-direction:column!important;gap:.5rem!important;border-bottom:none!important;padding-bottom:0!important;align-items:center!important;justify-content:center!important;width:100%!important}.sidebar.collapsed .sidebar-footer .user-chip{padding:0!important;justify-content:center!important;width:100%!important}.sidebar.collapsed .status-indicator{justify-content:center!important;margin-top:.25rem!important}.sidebar.collapsed .toggle-sidebar-btn svg{transform:rotate(180deg)!important}.main-wrapper{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-width:0;width:calc(100% - var(--sidebar-width));box-sizing:border-box;transition:margin-left .25s cubic-bezier(.16,1,.3,1),width .25s cubic-bezier(.16,1,.3,1)}.sidebar.collapsed+.main-wrapper{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.stc-global-topbar{height:42px;background-color:var(--bg-sidebar, #060B13);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));display:flex;align-items:center;justify-content:space-between;padding:0 1rem 0 .65rem;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px #00000040;-webkit-user-select:none;user-select:none}.stc-topbar-left{display:flex;align-items:center;gap:.65rem;flex:1}.stc-topbar-drawer-btn{width:28px;height:28px;border-radius:6px;background:transparent;border:1px solid rgba(255,255,255,.12);color:var(--text-primary, #FFFFFF);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);flex-shrink:0}.stc-topbar-drawer-btn:hover{background:var(--primary-blue, #00BDD6);color:#0e1726;border-color:var(--primary-blue, #00BDD6);box-shadow:0 0 8px #00bdd666;transform:scale(1.04)}.stc-topbar-drawer-btn svg{width:16px;height:16px}.stc-topbar-brand{display:flex;align-items:center;gap:.55rem;text-decoration:none}.stc-topbar-logo-svg{width:24px;height:24px;flex-shrink:0;transition:transform .2s ease}.stc-topbar-brand:hover .stc-topbar-logo-svg{transform:scale(1.1)}.stc-topbar-logo-img{height:24px;width:auto;max-width:36px;object-fit:contain;background:transparent!important;border-radius:0!important;padding:0!important;box-shadow:none!important;border:none!important;transition:transform .2s ease}body[data-color-mode=dark] .stc-topbar-logo-img{filter:drop-shadow(0 0 1px rgba(255,255,255,.4))}body[data-color-mode=light] .stc-topbar-logo-img{filter:drop-shadow(0 1px 2px rgba(0,0,0,.15))}.stc-topbar-brand:hover .stc-topbar-logo-img{transform:scale(1.06)}.stc-topbar-brand-title{font-family:var(--font-heading, "Plus Jakarta Sans", sans-serif);font-size:.82rem;font-weight:700;color:var(--text-primary, #FFFFFF);letter-spacing:-.01em}.stc-topbar-center{display:flex;align-items:center;justify-content:center;gap:.55rem;flex:1}.stc-topbar-pill-stc{display:inline-flex;align-items:center;gap:.45rem;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#fff;font-size:.72rem;font-weight:700;padding:.18rem .65rem;border-radius:20px;text-decoration:none;letter-spacing:.02em;cursor:default;box-shadow:0 1px 4px #00000026}.stc-topbar-pill-dot{width:6px;height:6px;border-radius:50%;background-color:#10b981!important;box-shadow:0 0 6px #10b981,0 0 2px #34d399!important;flex-shrink:0;animation:pulseOnlineDot 2s infinite ease-in-out}@keyframes pulseOnlineDot{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 6px #10b981}50%{opacity:.6;transform:scale(.85);box-shadow:0 0 3px #10b981}}.stc-topbar-btn-trazo{display:inline-flex;align-items:center;gap:.45rem;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#fff;font-size:.72rem;font-weight:700;padding:.18rem .65rem;border-radius:20px;text-decoration:none;letter-spacing:.03em;transition:all .2s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 4px #00000026}.stc-topbar-btn-trazo:hover{background:#10b98140;border-color:#10b981;color:#fff;box-shadow:0 0 12px #10b98173;transform:translateY(-1px)}.stc-topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;flex:1}.stc-topbar-status-badge{display:inline-flex;align-items:center;gap:.35rem;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981;font-size:.68rem;font-weight:600;padding:.16rem .55rem;border-radius:20px;letter-spacing:.01em}.stc-topbar-status-dot{width:5px;height:5px;border-radius:50%;background-color:#10b981;box-shadow:0 0 5px #10b981}.stc-topbar-version-tag{font-family:var(--font-mono, monospace);font-size:.68rem;color:var(--text-muted, #94A3B8);opacity:.85}.stc-topbar-user-avatar{width:25px;height:25px;border-radius:50%;background:var(--primary-blue, #006778);color:#fff;font-weight:800;font-size:.66rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 5px #0000004d;transition:transform .2s ease}.stc-topbar-user-avatar:hover{transform:scale(1.1)}body[data-color-mode=light] .stc-global-topbar{background-color:var(--bg-card, #FFFFFF);border-bottom:1px solid var(--border-subtle, #E2E8F0);box-shadow:0 1px 4px #0000000f}body[data-color-mode=light] .stc-topbar-drawer-btn{background:var(--bg-main, #F1F5F9);border-color:var(--border-medium, #CBD5E1);color:var(--text-primary, #0F172A)}body[data-color-mode=light] .stc-topbar-drawer-btn:hover{background:var(--primary-blue);color:#fff;border-color:var(--primary-blue);box-shadow:0 0 8px #00bdd659}body[data-color-mode=light] .stc-topbar-brand-title{color:var(--text-primary, #0F172A)}body[data-color-mode=light] .stc-topbar-pill-stc,body[data-color-mode=light] .stc-topbar-btn-trazo{background:#10b9811f;border-color:#10b98159;color:#065f46}body[data-color-mode=light] .stc-topbar-btn-trazo:hover{background:#10b98138;border-color:#10b981;color:#047857}body[data-color-mode=light] .stc-topbar-status-badge{background:#10b9811f;border-color:#10b98159;color:#065f46}body[data-color-mode=light] .stc-topbar-version-tag{color:var(--text-muted, #64748B)}body[data-color-mode=dark] .stc-global-topbar{background-color:var(--bg-sidebar, #060B13);border-bottom:1px solid var(--border-subtle, rgba(255, 255, 255, .08));box-shadow:0 2px 8px #00000040}body[data-color-mode=dark] .stc-topbar-drawer-btn{background:transparent;border-color:#ffffff24;color:#fff}body[data-color-mode=dark] .stc-topbar-brand-title{color:#fff}body[data-color-mode=dark] .stc-topbar-pill-stc,body[data-color-mode=dark] .stc-topbar-btn-trazo{background:#10b9811f;border-color:#10b98159;color:#fff}body[data-color-mode=dark] .stc-topbar-status-badge{background:#10b9811f;border-color:#10b98159;color:#10b981}body[data-color-mode=dark] .stc-topbar-version-tag{color:var(--text-muted, #94A3B8)}.topbar{height:var(--topbar-height);background-color:var(--bg-card);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;position:sticky;top:0;z-index:90;gap:1.25rem;box-shadow:0 1px 2px #00000005}.topbar-search{display:flex;align-items:center;gap:.5rem;background-color:var(--bg-main);padding:.4rem .75rem;border-radius:var(--radius-btn);border:1px solid var(--border-subtle);width:320px;transition:border-color .15s,background-color .15s}.topbar-search:focus-within{background-color:var(--bg-card);border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb14}.topbar-search svg{width:14px;height:14px;color:var(--text-muted)}.topbar-search input{border:none;background:transparent;outline:none;font-size:.8rem;width:100%;color:var(--text-primary);font-family:var(--font-body)}.shortcut-kbd{background-color:#fff;border:1px solid var(--border-subtle);border-radius:4px;font-size:.62rem;font-weight:700;color:var(--text-muted);padding:1px 4px;box-shadow:0 1px 1px #0000000a}.erp-quick-actions{display:flex;align-items:center;gap:.5rem}.topbar-actions{display:flex;align-items:center;gap:1rem}.icon-button{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;position:relative;padding:.35rem;border-radius:var(--radius-btn);display:flex;align-items:center;justify-content:center;transition:all .15s}.icon-button:hover{background-color:#f8fafc;color:var(--text-primary);border-color:var(--border-medium)}.icon-button svg{width:16px;height:16px}.badge{position:absolute;top:-4px;right:-4px;background-color:#ef4444;color:#fff;font-size:.6rem;font-weight:700;padding:0 4px;border-radius:8px;border:1px solid #FFFFFF}.user-chip{display:flex;align-items:center;gap:.6rem;padding:.2rem .5rem;border-radius:var(--radius-btn);cursor:pointer;border:1px solid transparent;transition:all .15s}.user-chip:hover{background-color:#f8fafc;border-color:var(--border-subtle)}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#2563eb);color:#fff;font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center}.user-details{display:flex;flex-direction:column}.user-details .name{font-size:.78rem;font-weight:600;color:var(--text-primary);line-height:1.2}.user-details .role{font-size:.65rem;color:var(--text-muted)}.content-area{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;box-sizing:border-box}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem}.breadcrumb-container{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--text-muted);margin-bottom:.15rem}.breadcrumb-sep{color:var(--text-faint)}.breadcrumb-item.active{font-weight:600;color:var(--primary-blue)}.page-header h1{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.view-mode-bar{display:flex;align-items:center}.tab-group{display:inline-flex;align-items:center;background-color:var(--bg-main);padding:3px;border-radius:8px;gap:3px;border:1px solid var(--border-subtle)}.tab-item{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .8rem;border-radius:var(--radius-btn);background:transparent;border:none;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-item svg{width:15px;height:15px;min-width:15px;min-height:15px;flex-shrink:0;stroke-width:2}.tab-item:hover{color:var(--text-primary);background-color:var(--border-subtle)}.tab-item.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #0f172a14}.mode-tabs{display:flex;align-items:center;gap:.25rem;border-bottom:1px solid var(--border-subtle);padding-bottom:0;margin-top:.75rem;overflow-x:auto}.tab-btn{padding:.55rem .9rem;border:none;background:transparent;font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease;white-space:nowrap}.tab-btn:hover{color:var(--primary-blue)}.tab-btn.active{color:var(--primary-blue);border-bottom-color:var(--primary-blue);background-color:var(--primary-light);border-radius:6px 6px 0 0}.header-filters{display:flex;align-items:center;gap:.5rem}.pill-filters{display:inline-flex;background-color:var(--bg-main);padding:3px;border-radius:var(--radius-pill);border:1px solid var(--border-subtle)}.pill-btn{padding:.3rem .75rem;border-radius:14px;border:none;background:transparent;font-family:var(--font-body);font-size:.72rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.pill-btn:hover{color:var(--text-primary)}.pill-btn.active{background-color:var(--bg-card);color:var(--primary-blue);box-shadow:0 1px 2px #0000000f}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.kpi-card{background-color:var(--bg-card);border-radius:var(--radius-card);padding:1.1rem 1.25rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-flat);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease;display:flex;flex-direction:column;gap:.35rem}.kpi-card:hover{border-color:var(--border-medium);box-shadow:var(--shadow-popover);transform:translateY(-1px)}.kpi-header{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--text-muted)}.kpi-value{font-family:var(--font-heading);font-size:1.85rem;font-weight:800;color:var(--text-primary);line-height:1.1;font-variant-numeric:tabular-nums}.kpi-value.text-green{color:var(--status-green-text)}.kpi-value.text-amber{color:var(--status-amber-text)}.kpi-foot{font-size:.72rem;color:var(--text-faint)}.kpi-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:12px;font-size:.68rem;font-weight:600}.kpi-badge.blue{background-color:var(--primary-light);color:var(--primary-blue)}.kpi-badge.green{background-color:var(--status-green-bg);color:var(--status-green-text)}.kpi-badge.amber{background-color:var(--status-amber-bg);color:var(--status-amber-text)}.kpi-badge.emerald{background-color:var(--status-green-bg);color:var(--status-green-text)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1rem}.chart-card{background-color:var(--bg-card);border-radius:var(--radius-card);padding:1.1rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-flat);display:flex;flex-direction:column;gap:.85rem}.card-header h3{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--text-primary)}.card-header p{font-size:.72rem;color:var(--text-muted)}.chart-body{width:100%;min-height:250px}.google-chart{width:100%;height:250px}.table-section{width:100%}.table-card{background-color:var(--bg-card);border-radius:var(--radius-card);padding:1.1rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-flat);width:100%;box-sizing:border-box}.table-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.85rem;flex-wrap:wrap;gap:.5rem}.table-header h2{font-family:var(--font-heading);font-size:.98rem;font-weight:700;color:var(--text-primary)}.quick-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:.65rem .85rem;background:var(--bg-main, #F8FAFC);border:1px solid var(--border-subtle, #E2E8F0);border-radius:var(--radius-card, 10px);flex-wrap:wrap}.quick-search-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:260px}.quick-search-wrapper .search-icon{position:absolute;left:12px;width:16px;height:16px;color:var(--text-muted, #94A3B8);pointer-events:none}.quick-search-input{width:100%;padding:.55rem .75rem .55rem 2.25rem;background:var(--bg-card, #FFFFFF);border:1px solid var(--border-subtle, #CBD5E1);border-radius:8px;font-size:.85rem;color:var(--text-primary, #0F172A);outline:none;transition:all .2s ease}.quick-search-input:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--primary-light, rgba(37, 99, 235, .15))}.status-pill-filter-group{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.status-filter-pill{padding:.45rem 1.05rem;border-radius:8px;border:1px solid var(--border-subtle, #CBD5E1);background:var(--bg-card, #FFFFFF);color:var(--text-secondary, #475569);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;gap:.4rem}.status-filter-pill:hover{background:var(--bg-sidebar-hover, #F1F5F9);color:var(--text-primary, #0F172A);border-color:var(--primary-blue)}.status-filter-pill.active{background:var(--primary-light, #EFF6FF);color:var(--primary-blue, #2563EB);border-color:var(--primary-blue, #2563EB);box-shadow:0 1px 3px #00000014}.table-header p{font-size:.75rem;color:var(--text-muted)}.actions{display:flex;gap:.4rem;align-items:center}.btn{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .8rem;border-radius:var(--radius-btn);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.btn svg{width:14px;height:14px}.btn-sm{padding:.3rem .65rem;font-size:.75rem}.btn-primary{background-color:var(--primary-blue);color:#fff;border-color:var(--primary-blue)}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-outline{background-color:var(--bg-card);border-color:var(--border-subtle);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-main);border-color:var(--border-medium)}.btn-ghost{background-color:transparent;border-color:transparent;color:var(--text-muted)}.btn-ghost:hover{background-color:var(--bg-main);color:var(--text-primary)}.btn-table-action{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--border-subtle);background-color:var(--bg-card);color:var(--text-muted);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0}.btn-table-action:hover{background-color:var(--primary);border-color:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.btn-table-action svg{stroke-width:2.2;transition:transform .2s ease}.btn-table-action:hover svg{transform:scale(1.1)}.table-container{overflow-x:auto;border-radius:6px;border:1px solid var(--border-subtle);width:100%;box-sizing:border-box}.data-table{width:100%;min-width:100%;border-collapse:collapse;font-size:.78rem;text-align:left}.data-table.erp-grid th{background-color:var(--bg-main);padding:.65rem .75rem;color:var(--text-muted);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.data-table.erp-grid td{padding:.65rem .75rem;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);white-space:nowrap;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;max-width:280px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:var(--bg-main)}.text-center{text-align:center}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:.2rem .55rem;border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.02em}.status-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%}.status-badge.entregado{background-color:var(--status-green-bg);color:var(--status-green-text)}.status-badge.entregado:before{background-color:var(--status-green-dot)}.status-badge.enruta{background-color:var(--status-blue-bg);color:var(--status-blue-text)}.status-badge.enruta:before{background-color:var(--status-blue-dot)}.status-badge.solicitado{background-color:var(--status-amber-bg);color:var(--status-amber-text)}.status-badge.solicitado:before{background-color:var(--status-amber-dot)}.status-badge.cancelado{background-color:var(--status-rose-bg);color:var(--status-rose-text)}.status-badge.cancelado:before{background-color:var(--status-rose-dot)}.table-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-muted)}.pagination-controls{display:flex;gap:.25rem}.filter-card,.form-card,.panel{background-color:var(--bg-card);border-radius:var(--radius-card);padding:1.1rem 1.25rem;border:1px solid var(--border-subtle);box-shadow:var(--shadow-flat);display:flex;flex-direction:column;gap:.85rem;color:var(--text-primary)}.filter-card-header{display:flex;align-items:center;justify-content:space-between}.filter-card-header h3{font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--text-primary)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.field-group{display:flex;flex-direction:column;gap:.3rem}.field-group label{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.form-control{padding:.45rem .65rem;border-radius:var(--radius-btn);border:1px solid var(--border-medium);background-color:var(--bg-card);font-size:.78rem;color:var(--text-primary);outline:none;font-family:var(--font-body);transition:border-color .15s,box-shadow .15s}.form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px #2563eb14}textarea.form-control{resize:vertical}.filter-actions-row{grid-column:1 / -1;display:flex;align-items:center;justify-content:flex-end;gap:.6rem;margin-top:.35rem;padding-top:.65rem;border-top:1px solid var(--border-subtle)}.form-layout-sections{display:flex;flex-direction:column;gap:1rem}.form-section-group{background-color:var(--bg-main);padding:.85rem 1rem;border-radius:var(--radius-btn);border:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:.75rem;color:var(--text-primary)}.form-section-title{font-family:var(--font-heading);font-size:.82rem;font-weight:700;color:var(--primary-dark, var(--text-primary));border-bottom:1px solid var(--border-subtle);padding-bottom:.35rem}.edit-main-container{display:flex;flex-direction:column;gap:1rem}.edit-header-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem;background-color:var(--bg-main);padding:.85rem 1rem;border-radius:var(--radius-btn);border:1px solid var(--border-subtle);color:var(--text-primary)}.edit-head-field{display:flex;flex-direction:column;gap:.3rem}.edit-head-field label{font-size:.72rem;font-weight:600;color:var(--text-secondary)}.edit-subtab-content{animation:fadeIn .15s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.edit-actions-sidebar{display:flex;flex-direction:column;gap:.4rem}.edit-action-btn{width:100%;justify-content:flex-start;padding:.5rem .75rem}.edit-actions-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;background-color:var(--bg-card);padding:.75rem 1rem;border-radius:var(--radius-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-flat);margin-bottom:.25rem;color:var(--text-primary)}.toolbar-title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:.85rem;font-weight:700;color:var(--text-primary)}.toolbar-btn-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.action-pill-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:var(--radius-btn);background-color:var(--bg-main);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.action-pill-btn svg{width:14px;height:14px;color:var(--primary-blue);transition:transform .15s ease}.action-pill-btn:hover{background-color:var(--bg-card);border-color:var(--primary-blue);color:var(--primary-blue);box-shadow:0 1px 3px #2563eb1f;transform:translateY(-1px)}.action-pill-btn:hover svg{transform:scale(1.1)}textarea.form-control.resizable-field,.resizable-field{resize:both;overflow:auto;min-height:34px;font-family:var(--font-body)}.subtabs-bar{display:flex;gap:.35rem;border-bottom:2px solid var(--border-subtle);padding-bottom:2px;margin-top:.5rem;overflow-x:auto}.subtab-btn{padding:.45rem .9rem;font-size:.78rem;font-weight:600;font-family:var(--font-body);color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;border-radius:var(--radius-btn) var(--radius-btn) 0 0;cursor:pointer;transition:all .15s ease;white-space:nowrap}.subtab-btn:hover{color:var(--primary-blue);background-color:var(--bg-main)}.subtab-btn.active{color:var(--primary-blue);font-weight:700;border-bottom-color:var(--primary-blue);background-color:var(--primary-light)}.modal-backdrop{position:fixed;inset:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.modal-card{background:var(--bg-card);color:var(--text-primary);border-radius:12px;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-subtle);padding:1.5rem;max-width:680px;width:95%;max-height:85vh;display:flex;flex-direction:column;margin:auto}.modal-body{overflow-y:auto;flex:1;padding-right:.5rem;margin-bottom:.5rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--bg-main);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.theme-card-option,.framework-card-option{border:1.5px solid var(--border-subtle);border-radius:10px;padding:.85rem;cursor:pointer;transition:all .2s ease;background:var(--bg-card);color:var(--text-primary)}.theme-card-option:hover,.framework-card-option:hover{border-color:var(--primary-blue)!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb1f}.theme-card-option.active,.framework-card-option.active{border-color:var(--primary-blue)!important;background:var(--primary-light)!important;color:var(--text-primary)}.user-chip{cursor:pointer;transition:all .2s ease}.user-chip:hover{background-color:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}body[data-color-mode=dark],body[data-color-mode=dark] .main-wrapper,body[data-color-mode=dark] .content-area,body[data-color-mode=dark] .edit-main-container{background-color:var(--bg-main)!important;color:var(--text-primary)!important}body[data-color-mode=dark] .sidebar{background-color:var(--bg-sidebar)!important;border-right-color:var(--border-subtle)!important}body[data-color-mode=dark] .topbar{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-bottom-color:var(--border-subtle)!important}body[data-color-mode=dark] .topbar-search{background-color:var(--bg-main)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}body[data-color-mode=dark] .topbar-search input{color:var(--text-primary)!important}body[data-color-mode=dark] .kpi-card,body[data-color-mode=dark] .chart-card,body[data-color-mode=dark] .table-card,body[data-color-mode=dark] .form-card,body[data-color-mode=dark] .filter-card,body[data-color-mode=dark] .modal-card,body[data-color-mode=dark] .page-header,body[data-color-mode=dark] .edit-actions-toolbar,body[data-color-mode=dark] .edit-header-bar,body[data-color-mode=dark] .form-section-group,body[data-color-mode=dark] .panel,body[data-color-mode=dark] .card{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}body[data-color-mode=dark] .page-header h1,body[data-color-mode=dark] .table-header h2,body[data-color-mode=dark] .card-header h3,body[data-color-mode=dark] .kpi-value,body[data-color-mode=dark] h1,body[data-color-mode=dark] h2,body[data-color-mode=dark] h3,body[data-color-mode=dark] h4,body[data-color-mode=dark] h5,body[data-color-mode=dark] h6{color:var(--text-primary)!important}body[data-color-mode=dark] .topbar-subtitle,body[data-color-mode=dark] .kpi-header,body[data-color-mode=dark] .table-header p,body[data-color-mode=dark] .card-header p,body[data-color-mode=dark] .breadcrumb-container,body[data-color-mode=dark] .kpi-foot{color:var(--text-secondary)!important}body[data-color-mode=dark] .data-table,body[data-color-mode=dark] .data-table th,body[data-color-mode=dark] .data-table.erp-grid th{background-color:var(--bg-main)!important;color:var(--text-secondary)!important;border-bottom-color:var(--border-subtle)!important}body[data-color-mode=dark] .data-table td,body[data-color-mode=dark] .data-table.erp-grid td{color:var(--text-primary)!important;border-bottom-color:var(--border-subtle)!important}body[data-color-mode=dark] .data-table tr:hover,body[data-color-mode=dark] .data-table.erp-grid tbody tr:hover{background-color:#ffffff0a!important}body[data-color-mode=dark] .icon-button:hover,body[data-color-mode=dark] .user-chip:hover{background-color:#ffffff1a!important;border-color:var(--border-medium)!important}body[data-color-mode=dark] input,body[data-color-mode=dark] select,body[data-color-mode=dark] textarea,body[data-color-mode=dark] .form-control{background-color:var(--bg-main)!important;color:var(--text-primary)!important;border-color:var(--border-medium)!important}body[data-color-mode=dark] select option{background-color:var(--bg-card)!important;color:var(--text-primary)!important}body[data-color-mode=dark] .tab-group,body[data-color-mode=dark] .pill-filters{background-color:var(--bg-main)!important;border-color:var(--border-subtle)!important}body[data-color-mode=dark] .tab-item,body[data-color-mode=dark] .pill-btn{color:var(--text-secondary)!important}body[data-color-mode=dark] .tab-item.active,body[data-color-mode=dark] .pill-btn.active{background-color:var(--bg-card)!important;color:var(--primary-blue)!important}body[data-color-mode=dark] .subtab-btn{color:var(--text-secondary)!important}body[data-color-mode=dark] .subtab-btn.active{color:var(--primary-blue)!important;border-bottom-color:var(--primary-blue)!important}body[data-color-mode=dark] .shortcut-kbd{background-color:var(--bg-main)!important;color:var(--text-muted)!important;border-color:var(--border-subtle)!important}body[data-color-mode=light],body[data-color-mode=light] .main-wrapper,body[data-color-mode=light] .content-area,body[data-color-mode=light] .edit-main-container{background-color:var(--bg-main)!important;color:var(--text-primary)!important}body[data-color-mode=light] .kpi-card,body[data-color-mode=light] .chart-card,body[data-color-mode=light] .table-card,body[data-color-mode=light] .form-card,body[data-color-mode=light] .filter-card,body[data-color-mode=light] .modal-card,body[data-color-mode=light] .topbar,body[data-color-mode=light] .panel,body[data-color-mode=light] .card{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-subtle)!important}body[data-color-mode=light] .kpi-value,body[data-color-mode=light] .table-header h2,body[data-color-mode=light] .card-header h3,body[data-color-mode=light] .page-header h1,body[data-color-mode=light] h1,body[data-color-mode=light] h2,body[data-color-mode=light] h3,body[data-color-mode=light] h4,body[data-color-mode=light] h5,body[data-color-mode=light] h6{color:var(--text-primary)!important}body[data-color-mode=light] .data-table th,body[data-color-mode=light] .data-table.erp-grid th{background-color:var(--bg-main)!important;color:var(--text-secondary)!important;border-bottom-color:var(--border-subtle)!important}body[data-color-mode=light] .data-table td,body[data-color-mode=light] .data-table.erp-grid td{color:var(--text-primary)!important;border-bottom-color:var(--border-subtle)!important}body[data-color-mode=light] .data-table tr:hover,body[data-color-mode=light] .data-table.erp-grid tbody tr:hover{background-color:#00000008!important}*:focus-visible{outline:2px solid var(--primary-blue, #2563EB)!important;outline-offset:2px!important}body[data-framework=heroui] .filter-card,body[data-framework=heroui] .table-card,body[data-framework=heroui] .kpi-card,body[data-framework=heroui] .chart-card{border-radius:16px!important;box-shadow:0 10px 30px -10px #4f46e526!important;border:1px solid rgba(99,102,241,.25)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important}body[data-framework=heroui] .btn{border-radius:12px!important;font-weight:700!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}body[data-framework=heroui] .btn:hover{transform:translateY(-2px) scale(1.02)!important}body[data-framework=heroui] .btn:active,body[data-framework=heroui] .tab-item:active,body[data-framework=heroui] .user-chip:active{transform:scale(.95)!important}body[data-framework=heroui] .btn-primary{box-shadow:0 4px 14px #2563eb59!important}body[data-framework=heroui] .status-badge{border-radius:20px!important;padding:.25rem .65rem!important}body[data-framework=mantine] .filter-card,body[data-framework=mantine] .table-card,body[data-framework=mantine] .kpi-card{border-radius:8px!important;border:1px solid #CBD5E1!important;box-shadow:0 1px 3px #0000000d!important}body[data-framework=mantine] .data-table.erp-grid td,body[data-framework=mantine] .data-table.erp-grid th{padding:.42rem .6rem!important;font-size:.75rem!important}body[data-framework=mantine] .data-table tbody tr:nth-child(2n){background-color:#00000006!important}body[data-framework=mantine] .form-control{border-radius:6px!important;font-size:.75rem!important;padding:.35rem .6rem!important}body[data-framework=mantine] .btn{border-radius:6px!important;font-size:.78rem!important;font-weight:600!important}body[data-framework=baseui] .filter-card,body[data-framework=baseui] .table-card,body[data-framework=baseui] .kpi-card{border-radius:4px!important;border:1px solid #E2E8F0!important;box-shadow:none!important}body[data-framework=baseui] .btn{border-radius:4px!important;font-weight:500!important;box-shadow:none!important}body[data-framework=baseui] .status-badge{border-radius:4px!important;border:1px solid rgba(0,0,0,.1)!important}body[data-framework=mui] .filter-card,body[data-framework=mui] .table-card{border-radius:12px!important;box-shadow:0 6px 24px #00000017!important;border:none!important}body[data-framework=mui] .kpi-card{border-radius:12px!important;box-shadow:0 2px 8px #0000000f!important;border:1px solid rgba(0,0,0,.05)!important}body[data-framework=mui] .btn{border-radius:8px!important;text-transform:uppercase!important;letter-spacing:.06em!important;font-size:.72rem!important;font-weight:700!important}body[data-framework=chakra] .filter-card,body[data-framework=chakra] .table-card,body[data-framework=chakra] .kpi-card{border-radius:10px!important;border:1px solid #E2E8F0!important;box-shadow:0 4px 6px -1px #0000000d!important}body[data-framework=chakra] .btn{border-radius:8px!important;font-weight:600!important}body[data-framework=chakra] .status-badge{border-radius:6px!important;font-weight:700!important;padding:.25rem .6rem!important}.stc-loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s cubic-bezier(.4,0,.2,1)}.stc-loader-overlay.active{opacity:1;pointer-events:auto}.stc-truck-container{position:relative;width:280px;height:140px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:1.25rem;box-shadow:0 25px 60px #00000080}.stc-truck-svg{width:240px;height:105px}.stc-van-body-group{transform-origin:bottom center;animation:vanBounce .38s ease-in-out infinite alternate}@keyframes vanBounce{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-4px) rotate(-.5deg)}}.stc-wheel-spokes{transform-box:fill-box;transform-origin:center;animation:spinSpokesClockwise .32s linear infinite}@keyframes spinSpokesClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stc-speed-line-fast{stroke-dasharray:20,15;animation:speedStreamBackwards .28s linear infinite}.stc-speed-line-mid{stroke-dasharray:15,12;animation:speedStreamBackwards .42s linear infinite}.stc-speed-line-slow{stroke-dasharray:12,10;animation:speedStreamBackwards .55s linear infinite}@keyframes speedStreamBackwards{0%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:35;opacity:.15}}.stc-road-line{stroke-dasharray:25,18;animation:roadSlideBackwards .38s linear infinite}@keyframes roadSlideBackwards{0%{stroke-dashoffset:0}to{stroke-dashoffset:43}}.stc-loader-title{font-family:var(--font-heading, sans-serif);font-size:1.2rem;font-weight:800;color:#fff;margin-top:1.25rem;letter-spacing:-.2px;text-align:center;text-shadow:0 2px 4px rgba(0,0,0,.5)}.stc-loader-sub{font-size:.82rem;color:var(--primary-blue, #38BDF8);margin-top:.35rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.nav-pos-card-option{background:var(--bg-card);border:1.5px solid var(--border-subtle);border-radius:10px;padding:.75rem;cursor:pointer;transition:all .2s ease;color:var(--text-primary)}.nav-pos-card-option:hover{border-color:var(--primary-blue, #2563EB);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.nav-pos-card-option.active{border-color:var(--primary-blue, #2563EB);background-color:var(--primary-light, #EFF6FF);color:var(--text-primary)}body[data-nav-position=sidebar-left] .sidebar:not(.collapsed),body:not([data-nav-position]) .sidebar:not(.collapsed){position:fixed;top:0;left:0;width:var(--sidebar-width)!important;min-width:var(--sidebar-width)!important;max-width:var(--sidebar-width)!important;height:100vh;flex-direction:column}body[data-nav-position=sidebar-left] .sidebar.collapsed,body:not([data-nav-position]) .sidebar.collapsed{position:fixed;top:0;left:0;width:var(--sidebar-collapsed-width)!important;min-width:var(--sidebar-collapsed-width)!important;max-width:var(--sidebar-collapsed-width)!important;height:100vh;flex-direction:column}body[data-nav-position=sidebar-left] .main-wrapper,body:not([data-nav-position]) .main-wrapper{margin-left:var(--sidebar-width);margin-top:0;margin-bottom:0;width:calc(100% - var(--sidebar-width))}body[data-nav-position=sidebar-left] .sidebar.collapsed+.main-wrapper,body:not([data-nav-position]) .sidebar.collapsed+.main-wrapper{margin-left:var(--sidebar-collapsed-width)!important;margin-top:0;margin-bottom:0;width:calc(100% - var(--sidebar-collapsed-width))!important}body[data-nav-position=header-top] .sidebar{position:fixed;top:0;left:0;width:100vw;height:60px;flex-direction:row;align-items:center;justify-content:space-between;padding:0 1rem;border-right:none;border-bottom:1px solid rgba(255,255,255,.12);z-index:1000;overflow:visible!important}body[data-nav-position=header-top] .sidebar-header{border-bottom:none;padding:0;flex-shrink:0!important}body[data-nav-position=header-top] .toggle-sidebar-btn{display:none!important}body[data-nav-position=header-top] .sidebar-nav{flex-direction:row;align-items:center;gap:.25rem;padding:0 .5rem;flex:1;min-width:0;overflow:visible!important;scrollbar-width:none}body[data-nav-position=header-top] .sidebar-nav::-webkit-scrollbar{display:none}body[data-nav-position=header-top] .nav-group{position:relative!important;overflow:visible!important;flex-shrink:0}body[data-nav-position=header-top] .nav-group-title{padding:.35rem .55rem;font-size:.78rem;white-space:nowrap;border-radius:8px;transition:all .2s ease}body[data-nav-position=header-top] .nav-group-title:hover{background:#ffffff1f}body[data-nav-position=header-top] .nav-subitems{display:none!important;position:absolute!important;top:calc(100% + 2px)!important;left:0!important;background:var(--bg-sidebar, #090D16)!important;border:1px solid var(--border-subtle, rgba(255, 255, 255, .2))!important;border-radius:12px!important;padding:.5rem!important;box-shadow:0 16px 38px #0009!important;min-width:190px!important;max-height:75vh!important;overflow-y:auto!important;z-index:99999!important;flex-direction:column!important;gap:.2rem!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important}body[data-nav-position=header-top] .nav-subitems:before{content:""!important;position:absolute!important;top:-10px!important;left:0!important;right:0!important;height:10px!important}body[data-nav-position=header-top] .nav-group:hover .nav-subitems,body[data-nav-position=header-top] .nav-group:focus-within .nav-subitems{display:flex!important;animation:headerSubmenuFade .2s cubic-bezier(.16,1,.3,1) forwards}body[data-nav-position=header-top] .nav-subitems .sub-item{padding:.45rem .75rem!important;border-radius:6px!important;font-size:.8rem!important;color:var(--text-sidebar, #94A3B8)!important;text-decoration:none!important;transition:all .15s ease!important;white-space:nowrap!important}body[data-nav-position=header-top] .nav-subitems .sub-item:hover{background:#ffffff24!important;color:#fff!important;transform:translate(4px)!important}body[data-color-mode=light][data-nav-position=header-top] .nav-subitems .sub-item:hover,body[data-color-mode=light] body[data-nav-position=header-top] .nav-subitems .sub-item:hover{background:var(--primary-light, rgba(37, 99, 235, .12))!important;color:var(--primary-blue, #2563EB)!important}@keyframes headerSubmenuFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}body[data-nav-position=header-top] .sidebar-footer{border-top:none;padding:0;flex-direction:row;align-items:center;flex-shrink:0!important;margin-left:.5rem}body[data-nav-position=header-top] .sidebar-user-block{background:transparent!important;border:none!important;padding:0!important;margin:0!important;display:flex!important;align-items:center!important;gap:.4rem!important}body[data-nav-position=header-top] .user-chip{display:flex!important;align-items:center!important;cursor:pointer!important}body[data-nav-position=header-top] .user-chip .avatar{width:32px!important;height:32px!important;font-size:.8rem!important;border-radius:50%!important;background:var(--primary-blue, #2563EB)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;font-weight:700!important;border:2px solid rgba(255,255,255,.3)!important;transition:transform .15s ease!important}body[data-nav-position=header-top] .user-chip:hover .avatar{transform:scale(1.1)!important}body[data-nav-position=header-top] .sidebar-user-block .user-details,body[data-nav-position=header-top] .status-indicator,body[data-nav-position=header-top] .sidebar-footer .status-indicator{display:none!important}body[data-nav-position=header-top] .main-wrapper{margin-left:0!important;margin-top:64px!important;margin-bottom:0!important;width:100%!important}body[data-nav-position=floating-dock] .sidebar{position:fixed;bottom:16px;left:50%;transform:translate(-50%);top:auto;width:auto;max-width:95vw;height:64px;flex-direction:row;align-items:center;padding:0 .85rem;border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-sidebar, rgba(15, 23, 42, .9));border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 45px #00000080;z-index:1000}body[data-nav-position=floating-dock] .sidebar-header{border-bottom:none;padding:0 .5rem 0 0;margin:0}body[data-nav-position=floating-dock] .brand-text,body[data-nav-position=floating-dock] .toggle-sidebar-btn{display:none!important}body[data-nav-position=floating-dock] .stc-brand-logo{width:32px;height:32px;object-fit:contain}body[data-nav-position=floating-dock] .sidebar-nav{flex-direction:row;align-items:center;gap:.35rem;padding:0;overflow:visible!important}body[data-nav-position=floating-dock] .nav-group{position:relative}body[data-nav-position=floating-dock] .nav-group-title span,body[data-nav-position=floating-dock] .chevron-icon{display:none!important}body[data-nav-position=floating-dock] .nav-group-title{padding:.65rem;border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .25s cubic-bezier(.34,1.56,.64,1)}body[data-nav-position=floating-dock] .nav-group-title:hover{transform:translateY(-8px) scale(1.22);background:#ffffff26}body[data-nav-position=floating-dock] .nav-icon{width:24px;height:24px}body[data-nav-position=floating-dock] .nav-subitems{display:none!important}body[data-nav-position=floating-dock] .nav-group:hover .nav-subitems{display:flex!important;position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:14px;background:var(--bg-sidebar, #0F172A);border:1px solid rgba(255,255,255,.2);border-radius:14px;padding:.5rem;box-shadow:0 14px 35px #0000008c;flex-direction:column;min-width:175px;z-index:2050;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}body[data-nav-position=floating-dock] .sidebar-footer{border-top:none;padding:0 0 0 .5rem;margin:0;flex-direction:row;align-items:center}body[data-nav-position=floating-dock] .sidebar-user-block{background:transparent!important;border:none!important;padding:0!important;margin:0!important;gap:.4rem}body[data-nav-position=floating-dock] .sidebar-user-block .user-details,body[data-nav-position=floating-dock] .status-indicator,body[data-nav-position=floating-dock] .sidebar-footer .status-indicator{display:none!important}body[data-nav-position=floating-dock] .main-wrapper{margin-left:0!important;margin-top:0!important;margin-bottom:84px!important;width:100%!important}.stc-drawer-toggle-btn{display:flex;align-items:center;justify-content:center;position:fixed;top:14px;left:14px;width:40px;height:40px;z-index:2001;background:var(--bg-sidebar, #0F172A);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:0;cursor:pointer;box-shadow:0 4px 15px #0000004d;transition:all .2s cubic-bezier(.4,0,.2,1)}.stc-drawer-toggle-btn:hover{transform:scale(1.08);box-shadow:0 6px 20px #0006;background:var(--primary-blue, #2563EB)}.stc-drawer-toggle-btn svg{width:22px;height:22px}body.drawer-open .stc-drawer-toggle-btn,body[data-nav-position=drawer-menu].drawer-open .stc-drawer-toggle-btn{display:none!important;opacity:0!important;pointer-events:none!important}.stc-drawer-backdrop{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172aa6;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1999;opacity:0;transition:opacity .3s ease;pointer-events:none}body[data-nav-position=drawer-menu].drawer-open .stc-drawer-backdrop{display:block;opacity:1;pointer-events:auto}body[data-nav-position=drawer-menu] .sidebar,body[data-nav-position=drawer-menu] .sidebar.collapsed{position:fixed;top:0;left:-295px;width:280px!important;height:100vh;z-index:2000;box-shadow:12px 0 35px #00000073;transition:left .3s cubic-bezier(.4,0,.2,1)}body[data-nav-position=drawer-menu] .sidebar .brand-text,body[data-nav-position=drawer-menu] .sidebar .stc-tag,body[data-nav-position=drawer-menu] .sidebar .stc-title,body[data-nav-position=drawer-menu] .sidebar .nav-group-title span,body[data-nav-position=drawer-menu] .sidebar .chevron-icon,body[data-nav-position=drawer-menu] .sidebar .user-details,body[data-nav-position=drawer-menu] .sidebar .status-text,body[data-nav-position=drawer-menu] .sidebar .status-indicator{display:flex!important;display:inline-block!important;opacity:1!important;visibility:visible!important}body[data-nav-position=drawer-menu] .sidebar .brand-text{display:flex!important;flex-direction:column!important}body[data-nav-position=drawer-menu] .sidebar .nav-group-title{justify-content:space-between!important;padding:.55rem .65rem!important}body[data-nav-position=drawer-menu].drawer-open .sidebar{left:0}body[data-nav-position=drawer-menu] .main-wrapper{margin-left:0!important;width:100%!important;padding-top:0!important}.stc-drawer-toggle-btn{display:none!important}.app-main-footer{padding:.85rem 1.5rem;margin-top:auto;border-top:1px solid var(--border-subtle);background-color:var(--bg-card);color:var(--text-muted);font-size:.78rem;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center}.app-main-footer .footer-content{display:flex;align-items:center;gap:.5rem;letter-spacing:.03em}.heidi-topbar-btn{background:#00bdd61f!important;border:1px solid rgba(0,189,214,.4)!important;color:#00bdd6!important;font-weight:600!important;font-size:.82rem!important;padding:.35rem .75rem!important;border-radius:20px!important;display:inline-flex!important;align-items:center!important;gap:.45rem!important;cursor:pointer!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important}.heidi-topbar-btn:hover{background:#00bdd638!important;border-color:#00bdd6!important;box-shadow:0 0 12px #00bdd659!important;transform:translateY(-1px)!important}.heidi-topbar-btn img{width:22px!important;height:22px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid #00BDD6!important}#heidi-float-btn{position:fixed!important;bottom:24px!important;right:24px!important;width:58px!important;height:58px!important;border-radius:50%!important;background:#0e1726!important;border:2px solid #00BDD6!important;box-shadow:0 6px 24px #00bdd673,0 0 12px #00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;z-index:9999!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important;padding:0!important}body[data-nav-position=floating-dock] #heidi-float-btn{bottom:92px!important}#heidi-float-btn:hover{transform:scale(1.1) rotate(4deg)!important;box-shadow:0 8px 30px #00bdd6a6,0 0 16px #00bdd666!important;border-color:#38bdf8!important}#heidi-float-btn img{width:38px!important;height:38px!important;border-radius:50%!important;object-fit:cover!important}#heidi-float-btn .heidi-status-badge{position:absolute!important;top:2px!important;right:2px!important;width:13px!important;height:13px!important;background:#10b981!important;border:2px solid #0E1726!important;border-radius:50%!important;box-shadow:0 0 6px #10b981!important}.heidi-float-label{position:absolute!important;right:68px!important;background:#0a131f!important;color:#00bdd6!important;border:1px solid rgba(0,189,214,.4)!important;padding:.3rem .65rem!important;border-radius:20px!important;font-size:.75rem!important;font-weight:700!important;white-space:nowrap!important;box-shadow:0 4px 14px #0006!important;pointer-events:none!important;opacity:0!important;transform:translate(8px)!important;transition:all .2s ease!important}#heidi-float-btn:hover .heidi-float-label{opacity:1!important;transform:translate(0)!important}#heidi-chat-backdrop{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#0a131fa6!important;backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;z-index:9998!important;display:none!important;opacity:0!important;transition:opacity .25s ease!important}#heidi-chat-backdrop.active{display:block!important;opacity:1!important}#heidi-chat-window{position:fixed!important;bottom:90px!important;right:24px!important;width:400px!important;max-width:calc(100vw - 32px)!important;height:570px!important;max-height:calc(100vh - 120px)!important;background:#0e1726!important;border:1px solid rgba(0,189,214,.35)!important;border-radius:16px!important;box-shadow:0 16px 48px #000000a6,0 0 24px #00bdd633!important;display:none!important;flex-direction:column!important;overflow:hidden!important;z-index:10000!important;font-family:inherit!important;color:#fff!important}body[data-nav-position=floating-dock] #heidi-chat-window{bottom:158px!important}#heidi-chat-window.active{display:flex!important;animation:heidiSlideUp .3s cubic-bezier(.16,1,.3,1) forwards!important}@keyframes heidiSlideUp{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.heidi-chat-header{background:#0a131f!important;padding:.85rem 1rem!important;border-bottom:1px solid rgba(0,189,214,.25)!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.heidi-header-info{display:flex!important;align-items:center!important;gap:.75rem!important}.heidi-avatar-wrap{position:relative!important;width:40px!important;height:40px!important}.heidi-avatar-wrap img{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid #00BDD6!important}.heidi-avatar-wrap .online-dot{position:absolute!important;bottom:0!important;right:0!important;width:10px!important;height:10px!important;background:#10b981!important;border:2px solid #0A131F!important;border-radius:50%!important}.heidi-title-box{display:flex!important;flex-direction:column!important}.heidi-name{font-size:.95rem!important;font-weight:700!important;color:#fff!important;display:flex!important;align-items:center!important;gap:.4rem!important;line-height:1.2!important}.heidi-tag-pill{background:#00bdd633!important;color:#00bdd6!important;font-size:.65rem!important;padding:.1rem .4rem!important;border-radius:4px!important;border:1px solid rgba(0,189,214,.4)!important;text-transform:uppercase!important;letter-spacing:.04em!important}.heidi-subtext{font-size:.73rem!important;color:#94a3b8!important}.heidi-header-actions{display:flex!important;align-items:center!important;gap:.4rem!important}.heidi-close-btn{background:transparent!important;border:none!important;color:#94a3b8!important;width:28px!important;height:28px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:1.2rem!important;transition:all .15s ease!important}.heidi-close-btn:hover{background:#ffffff1a!important;color:#fff!important}.heidi-chat-body{flex:1!important;padding:1rem!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:.85rem!important;background:#0e1726!important}.heidi-chat-body::-webkit-scrollbar{width:5px!important}.heidi-chat-body::-webkit-scrollbar-thumb{background:#00bdd64d!important;border-radius:4px!important}.heidi-quick-chips{display:flex!important;gap:.4rem!important;overflow-x:auto!important;padding-bottom:.4rem!important;margin-bottom:.25rem!important}.heidi-quick-chips::-webkit-scrollbar{display:none!important}.heidi-chip{background:#16253b!important;color:#00bdd6!important;border:1px solid rgba(0,189,214,.3)!important;padding:.35rem .65rem!important;border-radius:20px!important;font-size:.72rem!important;font-weight:600!important;white-space:nowrap!important;cursor:pointer!important;transition:all .15s ease!important}.heidi-chip:hover{background:#00bdd633!important;border-color:#00bdd6!important;color:#fff!important}.heidi-msg{display:flex!important;gap:.6rem!important;max-width:88%!important}.heidi-msg.agent{align-self:flex-start!important}.heidi-msg.user{align-self:flex-end!important;flex-direction:row-reverse!important}.heidi-msg-avatar{width:28px!important;height:28px!important;border-radius:50%!important;object-fit:cover!important;border:1px solid #00BDD6!important;flex-shrink:0!important}.heidi-msg-bubble{padding:.7rem .9rem!important;border-radius:12px!important;font-size:.82rem!important;line-height:1.45!important;position:relative!important}.heidi-msg.agent .heidi-msg-bubble{background:#16253b!important;color:#f1f5f9!important;border:1px solid rgba(0,189,214,.2)!important;border-top-left-radius:2px!important}.heidi-msg.user .heidi-msg-bubble{background:linear-gradient(135deg,#00bdd6,#008aa3)!important;color:#0e1726!important;font-weight:600!important;border-top-right-radius:2px!important}.heidi-msg-time{font-size:.65rem!important;color:#64748b!important;margin-top:.2rem!important;display:block!important}.heidi-msg.user .heidi-msg-time{color:#0e1726b3!important;text-align:right!important}.heidi-card{background:#0a131f!important;border:1px solid rgba(0,189,214,.35)!important;border-radius:8px!important;padding:.65rem .75rem!important;margin-top:.5rem!important;font-size:.78rem!important}.heidi-card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:.4rem!important;border-bottom:1px solid rgba(255,255,255,.08)!important;padding-bottom:.3rem!important}.heidi-card-title{font-weight:700!important;color:#00bdd6!important}.heidi-badge-success{background:#10b98133!important;color:#10b981!important;border:1px solid rgba(16,185,129,.4)!important;padding:.1rem .4rem!important;border-radius:4px!important;font-size:.68rem!important;font-weight:700!important}.heidi-badge-alert{background:#f59e0b33!important;color:#f59e0b!important;border:1px solid rgba(245,158,11,.4)!important;padding:.1rem .4rem!important;border-radius:4px!important;font-size:.68rem!important;font-weight:700!important}.heidi-card-row{display:flex!important;justify-content:space-between!important;color:#94a3b8!important;margin:.2rem 0!important}.heidi-card-row span:last-child{color:#fff!important;font-weight:600!important}.heidi-chat-input-container{background:#0a131f!important;padding:.75rem 1rem!important;border-top:1px solid rgba(0,189,214,.25)!important;display:flex!important;align-items:center!important;gap:.5rem!important}.heidi-input{flex:1!important;background:#16253b!important;border:1px solid rgba(0,189,214,.3)!important;border-radius:20px!important;padding:.5rem .9rem!important;color:#fff!important;font-size:.82rem!important;outline:none!important;transition:border-color .15s ease!important}.heidi-input:focus{border-color:#00bdd6!important;box-shadow:0 0 8px #00bdd64d!important}.heidi-input::placeholder{color:#64748b!important}.heidi-send-btn{background:#00bdd6!important;color:#0e1726!important;border:none!important;width:34px!important;height:34px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .2s ease!important;flex-shrink:0!important}.heidi-send-btn:hover{background:#38bdf8!important;transform:scale(1.05)!important;box-shadow:0 0 10px #00bdd680!important}.heidi-send-btn svg{width:16px!important;height:16px!important;fill:#0e1726!important}.modal-card-masiva{max-width:860px!important;width:95%!important;background:var(--bg-card)!important;border:1px solid var(--border-subtle)!important;border-radius:16px!important;box-shadow:0 24px 60px #00000073,0 0 20px #00bdd61a!important;padding:1.5rem 1.75rem!important;color:var(--text-primary)!important}.modal-header-masiva{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-bottom:1rem!important;border-bottom:1px solid var(--border-subtle)!important;margin-bottom:1.25rem!important}.masiva-title-group{display:flex!important;align-items:center!important;gap:.75rem!important}.masiva-icon-badge{width:38px!important;height:38px!important;border-radius:10px!important;background:var(--primary-light, rgba(0, 189, 214, .15))!important;border:1px solid var(--primary-border, rgba(0, 189, 214, .35))!important;color:var(--primary-blue, #00BDD6)!important;display:flex!important;align-items:center!important;justify-content:center!important}.masiva-icon-badge svg{width:20px!important;height:20px!important}.masiva-title-text h2{font-size:1.2rem!important;font-weight:800!important;color:var(--text-primary)!important;margin:0!important;line-height:1.2!important}.masiva-title-text p{font-size:.75rem!important;color:var(--text-muted)!important;margin:0!important}.masiva-upload-container{display:grid!important;grid-template-columns:1fr 220px!important;gap:1rem!important;margin-bottom:1.5rem!important}@media(max-width:768px){.masiva-upload-container{grid-template-columns:1fr!important}}.masiva-dropzone{border:2px dashed var(--border-medium, rgba(255, 255, 255, .2))!important;border-radius:12px!important;background:var(--bg-main)!important;padding:1.2rem!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important}.masiva-dropzone:hover,.masiva-dropzone.dragover{border-color:var(--primary-blue, #00BDD6)!important;background:var(--primary-light, rgba(0, 189, 214, .08))!important;box-shadow:0 0 16px #00bdd626!important}.masiva-dropzone svg{width:36px!important;height:36px!important;color:var(--primary-blue, #00BDD6)!important;margin-bottom:.5rem!important}.masiva-drop-text{font-size:.82rem!important;font-weight:600!important;color:var(--text-primary)!important}.masiva-drop-subtext{font-size:.7rem!important;color:var(--text-muted)!important;margin-top:2px!important}.masiva-selected-file-pill{display:none;align-items:center!important;gap:.5rem!important;background:var(--bg-card)!important;border:1px solid var(--primary-border, rgba(0, 189, 214, .4))!important;border-radius:20px!important;padding:.35rem .85rem!important;font-size:.75rem!important;font-weight:600!important;color:var(--text-primary)!important;margin-top:.5rem!important}.masiva-layout-card{background:var(--bg-main)!important;border:1px solid var(--border-subtle)!important;border-radius:12px!important;padding:1rem!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;text-align:center!important}.masiva-layout-icon{width:38px!important;height:38px!important;border-radius:50%!important;background:#10b98126!important;color:#10b981!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-bottom:.4rem!important}.masiva-layout-icon svg{width:20px!important;height:20px!important}.masiva-layout-title{font-size:.8rem!important;font-weight:700!important;color:var(--text-primary)!important}.masiva-layout-desc{font-size:.68rem!important;color:var(--text-muted)!important;margin-bottom:.6rem!important}.masiva-btn-download-layout{width:100%!important;background:transparent!important;border:1px solid var(--primary-border, rgba(0, 189, 214, .4))!important;color:var(--primary-blue, #00BDD6)!important;font-size:.75rem!important;font-weight:700!important;padding:.45rem .6rem!important;border-radius:8px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.4rem!important;cursor:pointer!important;transition:all .2s ease!important}.masiva-btn-download-layout:hover{background:var(--primary-blue, #00BDD6)!important;color:#0e1726!important;box-shadow:0 4px 12px #00bdd64d!important}.masiva-history-header{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:.65rem!important}.masiva-history-title{font-size:.88rem!important;font-weight:700!important;color:var(--text-primary)!important;display:flex!important;align-items:center!important;gap:.45rem!important}.masiva-table-wrap{background:var(--bg-main)!important;border:1px solid var(--border-subtle)!important;border-radius:10px!important;overflow:hidden!important;margin-bottom:.85rem!important}.masiva-table{width:100%!important;border-collapse:collapse!important;font-size:.78rem!important}.masiva-table th{background:var(--bg-card)!important;color:var(--text-muted)!important;font-weight:700!important;text-transform:uppercase!important;font-size:.68rem!important;letter-spacing:.04em!important;padding:.55rem .85rem!important;text-align:left!important;border-bottom:1px solid var(--border-subtle)!important}.masiva-table td{padding:.55rem .85rem!important;color:var(--text-primary)!important;border-bottom:1px solid var(--border-subtle)!important;vertical-align:middle!important}.masiva-table tbody tr:hover{background:var(--primary-light, rgba(0, 189, 214, .06))!important}.masiva-table tbody tr:last-child td{border-bottom:none!important}.masiva-file-badge{display:inline-flex!important;align-items:center!important;gap:.4rem!important;font-weight:600!important}.masiva-user-chip{display:inline-flex!important;align-items:center!important;gap:.35rem!important;background:var(--bg-card)!important;padding:.15rem .5rem!important;border-radius:12px!important;border:1px solid var(--border-subtle)!important;font-size:.7rem!important;font-weight:600!important}.masiva-action-download-btn{background:transparent!important;border:1px solid var(--border-subtle)!important;color:var(--primary-blue, #00BDD6)!important;width:28px!important;height:28px!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:all .15s ease!important}.masiva-action-download-btn:hover{background:var(--primary-blue, #00BDD6)!important;color:#0e1726!important;border-color:var(--primary-blue, #00BDD6)!important}.masiva-action-download-btn svg{width:14px!important;height:14px!important}.masiva-pagination-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;font-size:.75rem!important;color:var(--text-muted)!important;margin-bottom:1.25rem!important}.masiva-pagination-controls{display:flex!important;align-items:center!important;gap:.3rem!important}.masiva-page-btn{min-width:28px!important;height:28px!important;padding:0 .4rem!important;border-radius:6px!important;background:var(--bg-main)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;font-size:.75rem!important;font-weight:600!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}.masiva-page-btn:hover{border-color:var(--primary-blue, #00BDD6)!important;color:var(--primary-blue, #00BDD6)!important}.masiva-page-btn.active{background:var(--primary-blue, #00BDD6)!important;color:#0e1726!important;border-color:var(--primary-blue, #00BDD6)!important;font-weight:800!important}.masiva-modal-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:.75rem!important;padding-top:1rem!important;border-top:1px solid var(--border-subtle)!important}.masiva-btn-cancel{padding:.55rem 1.2rem!important;border-radius:8px!important;background:var(--bg-main)!important;border:1px solid var(--border-subtle)!important;color:var(--text-primary)!important;font-weight:600!important;font-size:.82rem!important;cursor:pointer!important;transition:all .15s ease!important}.masiva-btn-cancel:hover{background:#ef444426!important;color:#ef4444!important;border-color:#ef44444d!important}.masiva-btn-submit{padding:.55rem 1.4rem!important;border-radius:8px!important;background:#f59e0b!important;border:none!important;color:#0f172a!important;font-weight:800!important;font-size:.82rem!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.45rem!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 4px 14px #f59e0b4d!important}.masiva-btn-submit:hover{background:#d97706!important;color:#fff!important;transform:translateY(-1px)!important;box-shadow:0 6px 20px #f59e0b73!important}body[data-color-mode=light],body[data-color-mode=light] .login-screen{background-color:#f8fafc!important;color:#0f172a!important}body[data-color-mode=light] .login-screen:after{opacity:.15}body[data-color-mode=light] .login-card{background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 20px 45px -10px #00000014,0 0 0 1px #0000000a!important}body[data-color-mode=light] .brand-title{color:#0f172a!important}body[data-color-mode=light] .brand-version{color:var(--primary-blue, #00BDD6)!important}body[data-color-mode=light] .brand-sep{color:#000!important}body[data-color-mode=light] .brand-by,body[data-color-mode=light] .brand-subtitle{color:#64748b!important}body[data-color-mode=light] .brand-logo-base{fill:#0f172a!important}body[data-color-mode=light] .card-title{color:#0f172a!important}body[data-color-mode=light] .card-subtitle,body[data-color-mode=light] .env-tag{color:#64748b!important}body[data-color-mode=light] .form-label{color:#334155!important}body[data-color-mode=light] .form-input{background:#fff!important;border:1.5px solid #CBD5E1!important;color:#0f172a!important}body[data-color-mode=light] .form-input::placeholder{color:#94a3b8!important}body[data-color-mode=light] .form-input:focus{background:#fff!important;border-color:var(--primary-blue)!important;box-shadow:0 0 0 3px #3b82f626!important}body[data-color-mode=light] .password-toggle{color:#64748b!important}body[data-color-mode=light] .password-toggle:hover{color:var(--primary-blue)!important}body[data-color-mode=light] .mode-toggle-btn{background:#fff!important;border:1px solid #CBD5E1!important;color:#475569!important}body[data-color-mode=light] .mode-toggle-btn:hover{border-color:var(--primary-blue)!important;color:var(--primary-blue)!important}body[data-color-mode=light] .status-pill{background:#10b9811f!important;border:1px solid rgba(16,185,129,.35)!important;color:#065f46!important}body[data-color-mode=light] .checkbox-label{color:#475569!important}body[data-color-mode=light] .checkbox-label input[type=checkbox]{background:#fff!important;border:1px solid #CBD5E1!important}body[data-color-mode=light] .social-direct-row{border-top-color:#e2e8f0!important}body[data-color-mode=light] .social-logo-link{opacity:.92}body[data-color-mode=light] .hd-direct-logo{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15))}body[data-color-mode=light] .security-banner{background:#fff!important;border:1px solid #E2E8F0!important;box-shadow:0 4px 12px #0000000a!important}body[data-color-mode=light] .security-text{color:#475569!important}body[data-color-mode=light] .login-footer,body[data-color-mode=light] .footer-links a,body[data-color-mode=light] .support-item{color:#64748b!important}body[data-color-mode=light] .footer-links a:hover{color:var(--primary-blue)!important}