*{box-sizing:border-box}body{font-family:system-ui,sans-serif;margin:0;background:#f6f7fb;color:#222}header{background:#0f172a;color:#fff;padding:12px 20px;display:flex;gap:16px;align-items:center}header a{color:#cbd5e1;text-decoration:none;font-size:14px}header a:hover{color:#fff}header .brand{font-weight:700;color:#fff;margin-right:20px}main{max-width:1100px;margin:24px auto;padding:0 16px}.card{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000000f;margin-bottom:16px}h1{margin:0 0 16px;font-size:22px}h2{font-size:18px;margin-top:0}table{width:100%;border-collapse:collapse}th,td{padding:8px 10px;border-bottom:1px solid #eee;text-align:left;font-size:14px}th{background:#f1f5f9;font-weight:600}form.inline{display:inline}input,select,button{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:14px}button{background:#0f172a;color:#fff;border:0;cursor:pointer}button.ghost{background:#e2e8f0;color:#0f172a}button.danger{background:#dc2626}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1}.flash{background:#fee2e2;color:#991b1b;padding:10px;border-radius:6px;margin-bottom:12px}.badge{background:#e2e8f0;padding:3px 8px;border-radius:999px;font-size:16px;font-weight:600}.select2-container .select2-selection--single{height:38px;border:1px solid #cbd5e1;border-radius:6px;padding:4px 8px}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:28px;padding-left:0;color:#222}.select2-container--default .select2-selection--single .select2-selection__arrow{height:36px}.select2-dropdown{border-color:#cbd5e1;border-radius:6px}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #cbd5e1;border-radius:6px;padding:6px 8px}tr.stock_critico{background-color:#fee2e2!important}tr.stock_critico:hover{background-color:#fecaca!important}tr.stock_cero{background-color:#fca5a5!important;color:#7f1d1d}tr.stock_cero:hover{background-color:#f87171!important}:root{--ca-primary:#4272d7;--ca-sidebar:#fff;--ca-text:#4b5563;--ca-muted:#94a3b8;--ca-bg:#e5e5e5;--ca-border:#e5e7eb;--ca-sidebar-w:260px}body{font-family:Poppins,system-ui,sans-serif;background:#f3f4f8;color:var(--ca-text);font-size:14px}.ca-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--ca-sidebar-w);background:var(--ca-sidebar);box-shadow:0 0 20px #0000000f;display:flex;flex-direction:column;z-index:1000;transition:transform .25s}.ca-brand{padding:22px 24px;font-weight:700;font-size:15px;color:#111827;border-bottom:1px solid var(--ca-border);line-height:1.3}.ca-brand i{color:var(--ca-primary);margin-right:8px}.ca-nav{list-style:none;margin:0;padding:12px 0;overflow-y:auto;flex:1}.ca-nav a{display:flex;align-items:center;gap:14px;padding:12px 24px;color:var(--ca-text);text-decoration:none;font-weight:500;border-left:3px solid transparent}.ca-nav a i{width:20px;text-align:center;font-size:16px;color:var(--ca-muted)}.ca-nav a:hover,.ca-nav a.active{color:var(--ca-primary);background:#f5f8ff;border-left-color:var(--ca-primary)}.ca-nav a:hover i,.ca-nav a.active i{color:var(--ca-primary)}.ca-page{margin-left:var(--ca-sidebar-w);min-height:100vh;display:flex;flex-direction:column}.ca-topbar{background:#fff;height:64px;padding:0 28px;display:flex;align-items:center;gap:14px;box-shadow:0 1px 4px #0000000d;position:sticky;top:0;z-index:900}.ca-topbar .spacer{flex:1}.ca-toggle{display:none;background:none;color:var(--ca-text);font-size:20px;padding:4px 8px}.ca-user{font-weight:500;color:#111827}.ca-user i{color:var(--ca-primary);margin-right:6px}.ca-content{padding:28px;max-width:1300px;width:100%}.ca-content main{max-width:none;margin:0;padding:0}body.login-page .ca-page{margin-left:0}.card{border-radius:10px;border:0;box-shadow:0 2px 8px #0f172a0f;padding:24px}h1{font-weight:600;color:#111827;font-size:22px}h2{font-weight:600;color:#111827;font-size:17px}a{color:var(--ca-primary)}table{border-collapse:separate;border-spacing:0}th{background:#f8fafc;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tr:hover td{background:#fafbff}input,select,button{border-radius:8px;font-family:inherit}input:focus,select:focus{outline:2px solid rgba(66,114,215,.35);border-color:var(--ca-primary)}button{background:var(--ca-primary)}button:hover{filter:brightness(.93)}button.ghost{background:#eef2f7;color:#334155}.badge{background:#eef2ff;color:var(--ca-primary);font-size:13px}.ca-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:20px}.ca-kpi{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0f172a0f;padding:22px;display:flex;flex-direction:column;gap:6px}.ca-kpi .head{display:flex;align-items:center;gap:14px}.ca-kpi .icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff}.ca-kpi .label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ca-muted);font-weight:600}.ca-kpi .value{font-size:24px;font-weight:700;color:#111827;line-height:1.2}.ca-kpi .sub{font-size:13px;color:var(--ca-muted)}.ca-kpi.chart{grid-column:span 2}.ca-chart-wrap{display:flex;align-items:center;gap:16px;min-height:170px}.ca-chart-wrap .canvas-box{position:relative;width:170px;height:170px;flex:0 0 170px}.ca-legend{list-style:none;margin:0;padding:0;font-size:13px;flex:1}.ca-legend li{display:flex;align-items:center;gap:8px;padding:2px 0}.ca-legend .dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px}.bg-blue{background:#4272d7}.bg-green{background:#00b894}.bg-orange{background:#fa4251}.bg-purple{background:#8b5cf6}.select2-container .select2-selection--single{border-radius:8px}@media (max-width:991px){.ca-sidebar{transform:translate(-100%)}body.sidebar-open .ca-sidebar{transform:none}.ca-page{margin-left:0}.ca-toggle{display:block}.ca-content{padding:16px}.ca-kpi.chart{grid-column:auto}.ca-chart-wrap{flex-direction:column;align-items:flex-start}}.field-label{display:block;font-size:12px;color:#64748b;margin-bottom:4px}.muted{color:#64748b}.flash.ok{background:#dcfce7;color:#166534}a.ghost,button.link{cursor:pointer}button.link{background:none;border:0;padding:0;color:inherit;text-decoration:underline}.ss{position:relative;width:100%}.ss-input{width:100%;box-sizing:border-box}.ss-list{position:absolute;z-index:50;left:0;right:0;top:100%;margin:2px 0 0;padding:0;list-style:none;max-height:260px;overflow-y:auto;background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 8px 24px #0000001f}.ss-list li{padding:7px 10px;cursor:pointer;font-size:14px}.ss-list li.hl{background:#4272d7;color:#fff}.ss-list li.empty{color:#94a3b8;cursor:default}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}button,a,select,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img,canvas{max-width:100%}.ca-overlay{display:none}.row-actions{display:flex;align-items:flex-end;gap:8px;flex:0 0 auto}.field-qty{max-width:160px}.field-id{max-width:110px}.pagination-bar{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-top:20px}.ss-list{overscroll-behavior:contain}input[type=date],input[type=number]{min-width:0}@media (max-width: 991px){html,body{overflow-x:hidden}.ca-sidebar{width:min(var(--ca-sidebar-w),85vw);height:100vh;height:100dvh;bottom:auto;padding-left:env(safe-area-inset-left);overscroll-behavior:contain}.ca-nav a{min-height:48px}.ca-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#0f172a73;opacity:0;pointer-events:none;transition:opacity .25s}body.sidebar-open .ca-overlay{opacity:1;pointer-events:auto}body.sidebar-open{overflow:hidden}.ca-topbar{padding:0 max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left));gap:8px}.ca-toggle{min-width:44px;min-height:44px}.ca-content{padding:16px max(12px,env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}}@media (max-width: 768px){table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}th,td{white-space:nowrap}.card{padding:16px}h1{font-size:20px}input,select,button{font-size:16px;min-height:48px}input[type=checkbox],input[type=radio]{min-height:0}.ss-list li{padding:12px;font-size:16px}.ca-user{display:none}.row>*{flex:1 1 220px;min-width:0}.field-qty,.field-id{max-width:none}.ca-topbar button.ghost{padding:8px 12px}}@media (max-width: 576px){.row>*{flex:1 1 100%}.row-actions{flex:1 1 100%}.row-actions>*,.row-actions>a>button{flex:1}.row-actions>a{flex:1;display:block}.row-actions>a>button{width:100%}.ca-kpis{grid-template-columns:1fr;gap:14px}.ca-kpi .value{font-size:20px}.ca-chart-wrap{align-items:center}.ca-chart-wrap .canvas-box{margin:0 auto}.ca-legend{width:100%}.pagination-bar>a{flex:1 1 40%}.pagination-bar>a>button{width:100%}.badge{display:block;border-radius:12px;line-height:1.5;font-size:14px}p>button+button,p>button+a{margin-top:8px}}:root{color-scheme:light;--bg: #f3f4f8;--surface: #ffffff;--surface-2: #f8fafc;--hover: #fafbff;--nav-hover: #f5f8ff;--text: #4b5563;--heading: #111827;--muted: #64748b;--border: #e5e7eb;--input-bg: #ffffff;--input-border: #cbd5e1;--ghost-bg: #eef2f7;--ghost-text: #334155;--badge-bg: #eef2ff;--badge-text: #4272d7;--link: #4272d7;--shadow: 0 2px 8px rgba(15, 23, 42, .06);--flash-err-bg: #fee2e2;--flash-err-text: #991b1b;--flash-ok-bg: #dcfce7;--flash-ok-text: #166534;--critico-bg: #fee2e2;--critico-hover: #fecaca;--cero-bg: #fca5a5;--cero-hover: #f87171;--cero-text: #7f1d1d}:root[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--surface: #1e293b;--surface-2: #273449;--hover: #24324a;--nav-hover: #24324a;--text: #cbd5e1;--heading: #f1f5f9;--muted: #94a3b8;--border: #334155;--input-bg: #0f172a;--input-border: #475569;--ghost-bg: #334155;--ghost-text: #e2e8f0;--badge-bg: rgba(66, 114, 215, .22);--badge-text: #a5c0f7;--link: #7ea3f2;--shadow: 0 2px 10px rgba(0, 0, 0, .35);--flash-err-bg: #4c1d1d;--flash-err-text: #fecaca;--flash-ok-bg: #14321f;--flash-ok-text: #bbf7d0;--critico-bg: #4a2323;--critico-hover: #5a2a2a;--cero-bg: #7f1d1d;--cero-hover: #991b1b;--cero-text: #fee2e2}body{background:var(--bg);color:var(--text)}a{color:var(--link)}h1,h2,h3,.ca-brand,.ca-user,.ca-kpi .value{color:var(--heading)}.card,.ca-kpi{background:var(--surface);box-shadow:var(--shadow)}.ca-sidebar,.ca-topbar{background:var(--surface)}.ca-brand{border-bottom-color:var(--border)}.ca-nav a{color:var(--text)}.ca-nav a:hover,.ca-nav a.active{background:var(--nav-hover);color:var(--link);border-left-color:var(--link)}.ca-nav a:hover i,.ca-nav a.active i{color:var(--link)}.ca-sidebar,.ca-topbar{box-shadow:var(--shadow)}.ca-toggle{color:var(--text)}th{background:var(--surface-2);color:var(--muted)}th,td{border-bottom-color:var(--border)}tr:hover td{background:var(--hover)}input,select{background:var(--input-bg);color:var(--text);border-color:var(--input-border)}input::placeholder{color:var(--muted)}button.ghost{background:var(--ghost-bg);color:var(--ghost-text)}.badge{background:var(--badge-bg);color:var(--badge-text)}.flash{background:var(--flash-err-bg);color:var(--flash-err-text)}.flash.ok{background:var(--flash-ok-bg);color:var(--flash-ok-text)}.field-label,.muted,.ca-kpi .sub{color:var(--muted)}.ss-list{background:var(--surface);border-color:var(--border)}.ss-list li{color:var(--text)}.ss-list li.hl{color:#fff}tr.stock_critico{background-color:var(--critico-bg)!important}tr.stock_critico:hover{background-color:var(--critico-hover)!important}tr.stock_cero{background-color:var(--cero-bg)!important;color:var(--cero-text)}tr.stock_cero:hover{background-color:var(--cero-hover)!important}tr.stock_cero a{color:inherit}tr.stock_critico:hover td,tr.stock_cero:hover td{background:transparent}.theme-btn{background:none;color:var(--text);font-size:18px;padding:6px 10px;border-radius:8px}.theme-btn:hover{background:var(--ghost-bg);filter:none}.theme-fab{position:fixed;top:16px;right:16px;z-index:1100;background:var(--surface);box-shadow:var(--shadow)}