:root{--plano: #f9f9f7;--superficie: #fcfcfb;--tinta: #0b0b0b;--tinta-2: #52514e;--tinta-3: #898781;--borde: #e4e3df;--acento: #2a78d6;--acento-pista: #cde2fb;--aviso: #fab219;--critico: #d03b3b;--bien: #0ca30c;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--tinta);background:var(--plano)}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer}.centro{text-align:center;margin-top:20vh;color:var(--tinta-2)}.barra{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--superficie);border-bottom:1px solid var(--borde)}.barra nav{display:flex;gap:4px}.barra nav button,.salir{background:none;border:1px solid transparent;border-radius:6px;padding:6px 12px;color:var(--tinta-2)}.barra nav button.activo{border-color:var(--borde);background:var(--plano);color:var(--tinta)}.salir{margin-left:auto}main{padding:20px 24px}footer{margin-top:24px;color:var(--tinta-3);font-size:12px}.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpi{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.kpi-label{font-size:13px;color:var(--tinta-2)}.kpi-valor{font-size:28px;font-weight:600}.kpi-nota{font-size:12px;color:var(--tinta-3)}.tablero{display:grid;grid-template-columns:repeat(9,minmax(150px,1fr));gap:10px;overflow-x:auto}.columna{background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:10px;min-height:220px}.columna h3{margin:0 0 8px;font-size:13px;font-weight:600;text-transform:capitalize;display:flex;justify-content:space-between}.cuenta{color:var(--tinta-3);font-weight:400}.tarjeta{border:1px solid var(--borde);border-radius:8px;padding:8px;margin-bottom:8px;background:#fff;font-size:12px}.tarjeta.bloqueada{border-color:var(--critico);border-width:2px}.clave{font-weight:600;margin-bottom:4px;word-break:break-all}.fila{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.coste{font-variant-numeric:tabular-nums;color:var(--tinta-2)}.motivo{margin-top:6px;color:var(--tinta)}.dueno{margin-top:4px;color:var(--tinta-3)}.chip{font-size:11px;border:1px solid var(--borde);border-radius:999px;padding:1px 8px;color:var(--tinta-2)}.chip-bloqueada,.chip-corte{border-color:var(--critico);color:var(--critico)}.chip-terminada{border-color:var(--bien);color:#006300}.costes table{width:100%;border-collapse:collapse;background:var(--superficie);border:1px solid var(--borde);border-radius:10px}.costes th,.costes td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--borde);font-size:14px}.costes th{font-weight:600;color:var(--tinta-2);font-size:13px}.num{text-align:right!important;font-variant-numeric:tabular-nums}.medidor{width:160px;height:10px;border-radius:4px;background:var(--acento-pista);overflow:hidden}.relleno{height:100%;border-radius:4px}.relleno-normal{background:var(--acento)}.relleno-aviso{background:var(--aviso)}.relleno-cortado{background:var(--critico)}.estado{font-size:13px}.estado-cortado{color:var(--critico);font-weight:600}.estado-aviso{color:#8a5a00}.estado-ok{color:#006300}.alertas{margin-top:20px;background:var(--superficie);border:1px solid var(--borde);border-radius:10px;padding:12px 16px}.alertas h2{margin:0 0 8px;font-size:15px}.alertas ul{margin:0;padding:0;list-style:none}.alertas li{padding:4px 0;font-size:13px}.alertas time{color:var(--tinta-3);font-size:12px}.login{max-width:340px;margin:18vh auto;background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:14px}.login h1{margin:0;font-size:22px}.login label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--tinta-2)}.login input{padding:8px 10px;border:1px solid var(--borde);border-radius:6px;font:inherit}.login button{padding:10px;border:0;border-radius:6px;background:var(--acento);color:#fff;font-weight:600}.error{color:var(--critico);margin:0;font-size:13px}