:root{--bg-principal: #060e18;--bg-card: #0d1b2a;--bg-tarjetas: #11253e;--bg-inputs: #1b355a;--texto-blanco: #ffffff;--texto-mutado: #7a8b9e;--jac-cyan: #00e1ff;--jac-rojo: #e3120b;--jac-azul: #0f62fe;--borde-suave: rgba(255, 255, 255, .08);--borde-medio: rgba(255, 255, 255, .14);--radio-md: 8px;--radio-lg: 12px;--radio-xl: 16px;--chart-cyan-rgb: 0, 225, 255;--chart-rojo-rgb: 227, 18, 11}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-principal);color:var(--texto-blanco);line-height:1.5;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit;font-weight:700;transition:all .3s ease}input{font-family:inherit;background-color:var(--bg-inputs);color:var(--texto-blanco);border:1px solid rgba(255,255,255,.1);border-radius:var(--radio-md);padding:12px 16px;font-size:15px;outline:none;width:100%;transition:border-color .2s}input:focus{border-color:var(--jac-cyan)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px}.login-logo{height:42px;width:auto;margin:0 auto 16px;display:block;filter:drop-shadow(0 0 6px rgba(227,18,11,.25))}.login-card{background-color:var(--bg-tarjetas);border:1px solid var(--borde-suave);border-radius:var(--radio-xl);padding:48px 40px;max-width:420px;width:100%;text-align:center}.login-card h1{font-size:28px;font-weight:900;color:var(--texto-blanco);margin-bottom:8px}.login-card p{font-size:14px;color:var(--texto-mutado);margin-bottom:32px}.login-card .form-group{text-align:left;margin-bottom:20px}.login-card label{display:block;font-size:13px;font-weight:700;color:var(--texto-mutado);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.login-card .btn-login{width:100%;padding:14px;background-color:var(--jac-rojo);color:var(--texto-blanco);font-size:16px;font-weight:700;border-radius:var(--radio-md);text-transform:uppercase;letter-spacing:1px;transition:background .2s}.login-card .btn-login:hover{background-color:#ff241c}.login-card .btn-login:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--jac-rojo);font-size:13px;margin-top:16px}.dashboard-layout{display:flex;min-height:100vh}.sidebar{width:240px;background-color:var(--bg-card);border-right:1px solid var(--borde-suave);padding:24px 0;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-brand{padding:0 24px 24px;border-bottom:1px solid var(--borde-suave);margin-bottom:24px}.sidebar-logo{height:32px;width:auto;display:block;margin-bottom:8px;filter:drop-shadow(0 0 6px rgba(227,18,11,.25))}.sidebar-brand h2{font-size:20px;font-weight:900;color:var(--jac-rojo);letter-spacing:1px}.sidebar-brand span{font-size:11px;color:var(--texto-mutado);text-transform:uppercase;letter-spacing:1px}.sidebar-nav{flex:1;padding:0 12px}.sidebar-nav a{display:block;padding:12px 16px;border-radius:var(--radio-md);color:var(--texto-mutado);font-size:14px;font-weight:600;transition:all .2s}.sidebar-nav a:hover,.sidebar-nav a.active{background-color:var(--bg-tarjetas);color:var(--texto-blanco)}.sidebar-footer{padding:24px 12px 0;border-top:1px solid var(--borde-suave);margin-top:auto}.sidebar-footer button{width:100%;padding:10px;background:var(--bg-tarjetas);color:var(--texto-mutado);font-size:13px;border-radius:var(--radio-md);transition:all .2s}.sidebar-footer button:hover{color:var(--jac-rojo);background:#e3120b1a}.dashboard-main{flex:1;padding:32px;overflow-y:auto}.dashboard-main h1{font-size:24px;font-weight:900;color:var(--texto-blanco);margin-bottom:8px}.dashboard-main .subtitle{font-size:14px;color:var(--texto-mutado);margin-bottom:32px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.kpi-card{background-color:var(--bg-tarjetas);border:1px solid var(--borde-suave);border-radius:var(--radio-lg);padding:24px}.kpi-card .kpi-label{font-size:12px;font-weight:700;color:var(--texto-mutado);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.kpi-card .kpi-value{font-size:36px;font-weight:900;color:var(--texto-blanco);line-height:1}.kpi-card .kpi-sub{font-size:13px;color:var(--texto-mutado);margin-top:6px}.charts-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:32px}.charts-grid.three{grid-template-columns:1fr 1fr 1fr}.chart-card{background-color:var(--bg-tarjetas);border:1px solid var(--borde-suave);border-radius:var(--radio-lg);padding:24px}.chart-card h3{font-size:14px;font-weight:700;color:var(--texto-mutado);text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}.chart-card canvas{max-height:260px}.table-card{background-color:var(--bg-tarjetas);border:1px solid var(--borde-suave);border-radius:var(--radio-lg);padding:24px;margin-bottom:32px;overflow-x:auto}.table-card h3{font-size:14px;font-weight:700;color:var(--texto-mutado);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.table-card table{width:100%;border-collapse:collapse}.table-card th{text-align:left;font-size:11px;font-weight:700;color:var(--texto-mutado);text-transform:uppercase;letter-spacing:1px;padding:10px 12px;border-bottom:1px solid var(--borde-suave)}.table-card td{font-size:14px;padding:12px;border-bottom:1px solid var(--borde-suave);color:var(--texto-blanco)}.table-card tr:last-child td{border-bottom:none}.table-card .text-muted{color:var(--texto-mutado);font-size:13px}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--texto-mutado);font-size:16px}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{display:none}.dashboard-main{padding:16px}.dashboard-main h1{font-size:20px}.kpi-grid{grid-template-columns:1fr 1fr;gap:12px}.kpi-card{padding:16px}.kpi-card .kpi-value{font-size:24px}.kpi-card .kpi-label{font-size:10px}.kpi-card .kpi-sub{font-size:11px}.charts-grid{grid-template-columns:1fr;gap:16px}.chart-card{padding:16px}.chart-card h3{font-size:12px}.chart-flex-row{flex-direction:column!important;height:auto!important;gap:16px!important}.chart-flex-row>div{flex:auto!important;height:250px!important;border-left:none!important;padding-left:0!important}.table-card{padding:16px}.table-card table{font-size:12px}.table-card th{font-size:10px;padding:6px 8px}.table-card td{font-size:12px;padding:8px}.login-card{padding:32px 24px}.login-card h1{font-size:22px}}@media(max-width:500px){.kpi-grid{grid-template-columns:1fr;gap:10px}.kpi-card .kpi-value{font-size:22px}.chart-flex-row>div{height:220px!important}.dashboard-main h1{font-size:18px}.dashboard-main .subtitle{font-size:12px}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}::-webkit-scrollbar-corner{background:transparent}