:root{--bg:#f4f7fc;--panel:#ffffff;--panel-2:#f7f9fd;--navy:#092052;--ink:#0b2155;--text:#22324f;--muted:#5d6c87;--line:#e1e8f2;--grid:#ebf0f7;--accent:#0378fc;--accent-ink:#0a66d6;--accent-soft:#e7f1ff;--ok:#138a5b;--ok-soft:#e3f5ec;--warn:#b26a00;--warn-soft:#fdf1dc;--bad:#d7353b;--bad-soft:#fde8e8;--fuel:#e39a2d;--radio:12px;--sombra:0 1px 2px rgba(9,32,82,0.06),0 4px 16px rgba(9,32,82,0.05)}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--text);font-family:Barlow,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45;min-height:100vh;display:flex;flex-direction:column}a{color:var(--accent-ink);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--ink);margin:0;line-height:1.2}h1{font-size:26px}h1,h2{font-weight:700}h2{font-size:18px}h3{font-size:15px;font-weight:700}.top{background:var(--panel);border-bottom:1px solid var(--line)}.top-in{max-width:1240px;margin:0 auto;padding:10px 16px;gap:14px}.brand,.top-in{display:flex;align-items:center}.brand{gap:10px;color:inherit}.brand:hover{text-decoration:none}.brand img{width:40px;height:40px}.lockup{font-size:22px;font-weight:800;color:var(--navy);letter-spacing:.2px}.lockup span{color:var(--accent)}.meaning{display:block;font-size:11.5px;color:var(--muted);font-style:normal}.top-user{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13.5px;color:var(--muted);text-align:right}.top-user b{color:var(--ink);font-weight:600;display:block}.band{background:var(--navy)}.band-in{max-width:1240px;margin:0 auto;padding:0 16px;display:flex;gap:4px;overflow-x:auto}.band a{color:#c9d6f2;padding:11px 14px;font-weight:600;font-size:14.5px;border-bottom:3px solid transparent;white-space:nowrap}.band a:hover{color:#fff;text-decoration:none}.band a.on{color:#fff;border-bottom-color:var(--accent)}main{flex:1 1;width:100%;max-width:1240px;margin:0 auto;padding:22px 16px 40px}.foot{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);font-size:12.5px}.foot-in{max-width:1240px;margin:0 auto;padding:14px 16px;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px;margin-bottom:18px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.hint{color:var(--muted);font-size:13.5px;margin:4px 0 0}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.crumbs{font-size:13px;color:var(--muted);margin-bottom:4px}.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:18px;gap:18px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--radio);padding:12px 14px}.kpi .l{font-size:12.5px;color:var(--muted);display:block}.kpi b{font-size:24px}.btn,.kpi b{color:var(--ink)}.btn{font:inherit;font-weight:600;font-size:14px;border-radius:9px;padding:8px 14px;border:1px solid var(--line);background:var(--panel);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--accent);text-decoration:none}.btn:disabled{opacity:.6;cursor:wait}.btn.primario{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primario:hover{background:var(--accent-ink)}.btn.peligro{color:var(--bad);border-color:#f2c4c6;background:var(--panel)}.btn.mini{padding:5px 10px;font-size:13px}.form{display:flex;flex-direction:column;gap:10px}.form.linea{flex-direction:row;flex-wrap:wrap;align-items:flex-end}.form-acciones{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.campo{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);font-weight:600;min-width:0}.campo input,.campo select{font:inherit;font-size:14.5px;color:var(--text);padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;min-width:0}.campo input:focus,.campo select:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.aviso{margin:0;font-size:13.5px;padding:6px 10px;border-radius:8px}.aviso.ok{background:var(--ok-soft);color:var(--ok)}.aviso.error{background:var(--bad-soft);color:var(--bad)}.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--grid);color:var(--muted);white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.info{background:var(--accent-soft);color:var(--accent-ink)}.tablewrap{overflow-x:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;font-size:12.5px;color:var(--muted);font-weight:700;background:var(--panel-2);border-bottom:1px solid var(--line);white-space:nowrap}td,th{padding:9px 10px}td{border-bottom:1px solid var(--grid);vertical-align:top}tr:last-child td{border-bottom:0}td.n,th.n{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:12.5px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}.vacio{text-align:center;color:var(--muted);padding:26px 10px}.login-wrap{min-height:calc(100vh - 140px);display:grid;place-items:center}.login{width:100%;max-width:400px}.login .brand{justify-content:center;margin-bottom:18px}@media (max-width:640px){.meaning,.top-user span.rol{display:none}h1{font-size:22px}}.clave{position:relative;display:flex}.clave input{flex:1 1;padding-right:74px}.ver-clave{position:absolute;right:5px;top:50%;transform:translateY(-50%);font:inherit;font-size:12.5px;font-weight:700;color:var(--accent-ink);background:var(--accent-soft);border:0;border-radius:7px;padding:4px 10px;cursor:pointer}.ver-clave:hover{background:#d6e8ff}.nota-clave{font-size:12.5px;font-weight:600}.nota-clave.bien{color:var(--ok)}.nota-clave.mal{color:var(--bad)}.periodos{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:14px}.periodos a{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font-weight:600;font-size:14px}.periodos a:hover{text-decoration:none;border-color:var(--accent)}.periodos a.on{background:var(--navy);border-color:var(--navy);color:#fff}.periodos span{margin-left:6px}