:root{--font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--app-bg: #f2f6fb;--app-bg-image: none;--app-text: #0f172a;--muted-text: #64748b;--panel-bg: rgba(255, 255, 255, .92);--panel-border: rgba(255, 255, 255, .58);--panel-shadow: 0 14px 40px rgba(15, 23, 42, .12);--panel-hover-shadow: 0 18px 46px rgba(15, 23, 42, .16);--glass-blur: blur(8px);--surface-strong: #ffffff;--line-soft: rgba(148, 163, 184, .22);--accent-blue: #2563eb;--accent-blue-strong: #1d4ed8;--sidebar-bg: linear-gradient(180deg, #003a88 0%, #001f4d 100%);--sidebar-border: rgba(96, 165, 250, .18);--sidebar-text: #ffffff;--sidebar-muted: rgba(255, 255, 255, .84);--input-bg: #ffffff;--input-text: #0f172a;--input-border: rgba(148, 163, 184, .35);--table-header-bg: #007bff;--table-header-text: #ffffff;--plot-bg: transparent;--login-overlay: rgba(0, 0, 0, .5);--reports-bg: url(/reportsBackground.webp) center / cover no-repeat;--login-bg: url(/loginBackground.webp) center / cover no-repeat}body.dark-theme{--app-bg: #020617;--app-bg-image: radial-gradient(circle at 15% 15%, rgba(124, 58, 237, .12), transparent 45%), radial-gradient(circle at 85% 85%, rgba(30, 64, 175, .1), transparent 45%), linear-gradient(165deg, #020617 0%, #030712 35%, #080c1d 65%, #020617 100%);--app-text: #cbd5e1;--muted-text: #94a3b8;--panel-bg: rgba(15, 23, 42, .52);--panel-border: rgba(148, 163, 184, .14);--panel-highlight: rgba(255, 255, 255, .05);--panel-shadow: 0 16px 48px rgba(0, 0, 0, .45);--panel-hover-shadow: 0 24px 60px rgba(0, 0, 0, .55);--surface-strong: rgba(7, 10, 22, .72);--line-soft: rgba(148, 163, 184, .12);--accent-blue: #7dd3fc;--accent-blue-strong: #38bdf8;--sidebar-bg: linear-gradient(180deg, rgba(2, 6, 23, .98) 0%, rgba(12, 10, 31, 1) 55%, rgba(15, 8, 28, 1) 100%);--sidebar-border: rgba(99, 102, 241, .12);--sidebar-text: #e2e8f0;--sidebar-muted: rgba(148, 163, 184, .72);--input-bg: rgba(15, 23, 42, .65);--input-text: #e2e8f0;--input-border: rgba(148, 163, 184, .18);--table-header-bg: rgba(56, 189, 248, .32);--table-header-text: #f0f9ff;--plot-bg: transparent;--login-overlay: rgba(2, 6, 23, .65);--reports-bg: radial-gradient(circle at top left, rgba(37, 99, 235, .14), transparent 28%), linear-gradient(180deg, rgba(3, 7, 18, .84), rgba(3, 7, 18, .62));--login-bg: linear-gradient(180deg, rgba(2, 6, 23, .48), rgba(2, 6, 23, .72)), url(/loginBackground.webp) center / cover no-repeat}html,body{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);color:var(--app-text);background:var(--app-bg-image),var(--app-bg);background-attachment:fixed;transition:background .35s ease,color .35s ease}body.dark-theme app-principal-c #contenedor,body.dark-theme app-balances-c #contenedor,body.dark-theme app-clientes-c #contenedor,body.dark-theme app-proveedores-c #contenedor{background-image:radial-gradient(circle at 10% 10%,rgba(124,58,237,.08),transparent 40%),linear-gradient(180deg,#020617bf,#080d21d9)!important;background-color:transparent!important;background-blend-mode:screen,normal}body.dark-theme app-principal-c,body.dark-theme app-balances-c,body.dark-theme app-clientes-c,body.dark-theme app-proveedores-c{color:var(--app-text)}body.dark-theme:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.05),transparent 30%),radial-gradient(circle at 20% 20%,rgba(96,165,250,.1),transparent 26%);opacity:.85;z-index:-1}#contenedor-plotly{margin:20px 40px;width:35vw;height:40vh;background:var(--panel-bg);border-radius:15px;box-shadow:var(--panel-shadow);border:1px solid var(--panel-border);overflow:hidden;padding:5px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:.3s}body.dark-theme app-cardkpi-c .kpi-card-wrapper,body.dark-theme app-graficobase-c .card-grafico,body.dark-theme app-tablamargen-c .card-grafico,body.dark-theme .card-ranking,body.dark-theme .riesgo-card-inner,body.dark-theme .riesgo-lista,body.dark-theme .chart-container,body.dark-theme #contenedor-plotly{background:var(--panel-bg)!important;border:1px solid var(--panel-border)!important;border-top:1px solid var(--panel-highlight)!important;box-shadow:var(--panel-shadow)!important;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}body.dark-theme app-cardkpi-c .kpi-card-wrapper:hover,body.dark-theme app-graficobase-c .card-grafico:hover,body.dark-theme .card-ranking:hover,body.dark-theme .riesgo-card-inner:hover{box-shadow:var(--panel-hover-shadow)!important}body.dark-theme .titulo-small,body.dark-theme .kpi-valor,body.dark-theme .rank-name,body.dark-theme .name-cell,body.dark-theme .r-nombre,body.dark-theme .loading-text h2,body.dark-theme .matrix-table td,body.dark-theme .freq-cell,body.dark-theme .dias-cell,body.dark-theme .perc-value,body.dark-theme .r-ventas{color:var(--app-text)!important}body.dark-theme .kpi-titulo,body.dark-theme .rank-perc,body.dark-theme .rank-pos,body.dark-theme .label-control,body.dark-theme .loading-text p,body.dark-theme .empty-ranking,body.dark-theme .riesgo-empty{color:var(--muted-text)!important}body.dark-theme .header-controles,body.dark-theme .header-ranking,body.dark-theme .riesgo-card-inner .header-controles{border-bottom:1px solid var(--line-soft)!important}body.dark-theme .matrix-table,body.dark-theme .margen-table,body.dark-theme .matrix-table td,body.dark-theme .margen-table td,body.dark-theme .riesgo-lista,body.dark-theme .riesgo-item,body.dark-theme .table-container-scroll,body.dark-theme .item-ranking{border-color:var(--line-soft)!important}body.dark-theme .matrix-table th,body.dark-theme .margen-table th,body.dark-theme .riesgo-item.header-item,body.dark-theme .item-ranking.header-row{background:var(--table-header-bg)!important;color:var(--table-header-text)!important}body.dark-theme .item-ranking:hover,body.dark-theme .matrix-table tr:hover,body.dark-theme .riesgo-item:hover{background:#3341552e!important}body.dark-theme .btn-group button,body.dark-theme .riesgo-select-slim,body.dark-theme select,body.dark-theme input,body.dark-theme button{background:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}body.dark-theme .btn-group button.active{background:linear-gradient(135deg,#3b82f6d9,#0ea5e9e6)!important;color:#eff6ff!important;border-color:#60a5fa73!important}body.dark-theme .plotly .main-svg,body.dark-theme .js-plotly-plot .plot-container,body.dark-theme .js-plotly-plot .svg-container{background:transparent!important}body.dark-theme .loading-card{background:linear-gradient(145deg,#0d1b34eb,#102f5ec2);border:1px solid rgba(148,163,184,.18);box-shadow:0 24px 52px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body.dark-theme #login-card button,body.dark-theme .theme-toggle{box-shadow:0 12px 28px #0206173d}body.dark-theme #login-card button{background:linear-gradient(135deg,#3b82f6e0,#0ea5e9eb);color:#eff6ff;border:1px solid rgba(96,165,250,.25)}body.dark-theme #login-card input{background:#080f1eb8;color:var(--app-text);border:1px solid rgba(148,163,184,.2)}body.dark-theme #login-card{background:#050d1e70!important;border:1px solid rgba(148,163,184,.14);box-shadow:0 24px 55px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}body.dark-theme #container:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#02061785,#020617b8)}body.dark-theme #container{position:relative}body.dark-theme #login-card,body.dark-theme #container>*{position:relative;z-index:1}