:root{--navy:#1f2d6b;--navy-hondo:#182450;--oro:#b49a5e;--gold:#c6a968;--bg:#eef1f9;--card:#fff;--ink:#1e2333;--muted:#868da0;--borde:#e9ecf3;--azul:#3b5bdb;--azul-bg:#eaeefb;--rojo:#d6453f;--rojo-bg:#fcebea;--ambar:#be8a32;--ambar-bg:#fbf2de;--verde:#2e9e6b;--verde-bg:#e6f5ee;--side:#182450;--side-alto:#22315f;--side-txt:#ffffffb8;color:var(--ink);background:var(--bg);font:14px/1.5 DM Sans,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{background-image:radial-gradient(1100px 460px at 100% -8%, color-mix(in srgb, var(--navy) 8%, transparent), transparent 70%), radial-gradient(900px 500px at -10% 110%, color-mix(in srgb, var(--gold) 7%, transparent), transparent 70%);margin:0}a{color:inherit}.tnum{font-variant-numeric:tabular-nums}.app{grid-template-columns:234px 1fr;max-width:none;min-height:100vh;margin:0;padding:0;display:grid}.main{padding:26px 30px 48px;position:relative}.main:before{content:"";pointer-events:none;z-index:0;opacity:.04;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cpath d='M100,0 C98,72 72,98 0,100 C72,102 98,128 100,200 C102,128 128,102 200,100 C128,98 102,72 100,0 Z' fill='%231F2D6B'/%3E%3C/svg%3E") 50%/contain no-repeat;width:280px;height:280px;position:absolute;top:-20px;right:12px}.main>*{z-index:1;position:relative}.side{background:var(--side);color:var(--side-txt);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.side-logo{background:#fff;border-radius:10px;margin:0 4px 22px;padding:8px 10px;box-shadow:0 2px 8px #00000029}.side-logo img{object-fit:contain;width:100%;max-height:54px;display:block}.side-nav{flex-direction:column;gap:3px;display:flex}.side-nav a,.side-nav button{font:inherit;color:var(--side-txt);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.side-nav svg{opacity:.85;flex:none}.side-nav a:hover,.side-nav button:hover{color:#fff;background:#ffffff0f}.side-nav a.act,.side-nav button.act{background:var(--side-alto);color:#fff}.side-foot{margin-top:auto;padding-top:14px}.side-user{border-top:1px solid #ffffff17;align-items:center;gap:11px;padding:12px 6px 10px;display:flex}.side-user .av{background:var(--gold);width:36px;height:36px;color:var(--side);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.side-user .nom{color:#fff;word-break:break-word;font-size:13px;font-weight:600;line-height:1.2}.side-user .rol{font-size:11.5px}header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}header h1{color:var(--ink);letter-spacing:-.01em;margin:0 0 2px;font-size:25px;font-weight:700}header .quien{color:var(--muted);margin-right:10px;font-size:13px}h1{color:var(--ink)}h2{color:var(--ink);margin:18px 0 10px;font-size:17px;font-weight:700}.nota{background:color-mix(in srgb, var(--gold) 12%, #fff);border:1px solid color-mix(in srgb, var(--gold) 45%, #fff);color:#6a5a33;border-radius:10px;padding:11px 14px;font-size:13px}.kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin:18px 0 22px;display:grid}.kpi{background:var(--card);border:1px solid var(--borde);border-radius:14px;padding:18px;transition:box-shadow .15s,transform .15s;box-shadow:0 1px 2px #141e3c0a}.kpi:hover{transform:translateY(-1px);box-shadow:0 5px 16px #141e3c1a}.kpi .ic{border-radius:11px;place-items:center;width:42px;height:42px;margin-bottom:13px;display:grid}.kpi .n{letter-spacing:-.02em;color:var(--ink);font-size:29px;font-weight:700;line-height:1}.kpi .l{color:var(--muted);margin-top:5px;font-size:13px;font-weight:500}.i-azul{background:var(--azul-bg);color:var(--azul)}.i-rojo{background:var(--rojo-bg);color:var(--rojo)}.i-ambar{background:var(--ambar-bg);color:var(--ambar)}.i-verde{background:var(--verde-bg);color:var(--verde)}.i-navy{background:color-mix(in srgb, var(--navy) 12%, #fff);color:var(--navy)}.cols{grid-template-columns:1fr 1.35fr;align-items:start;gap:22px;display:grid}@media (width<=900px){.cols{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--borde);border-radius:12px;margin-bottom:12px;padding:14px 16px;box-shadow:0 1px 2px #141e3c0a}.card.cumplido{opacity:.55}.fila{justify-content:space-between;align-items:center;gap:10px;display:flex}.form{flex-direction:column;gap:10px;display:flex}.repetir{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input,select,button{font:inherit;border:1px solid var(--borde);color:var(--ink);background:#fff;border-radius:9px;padding:10px 12px}input:focus,select:focus{border-color:var(--azul);box-shadow:0 0 0 3px var(--azul-bg);outline:none}label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.repetir label,.grupos label{flex-direction:row;align-items:center;gap:6px}button{background:var(--navy);color:#fff;cursor:pointer;border:none;border-radius:9px;font-weight:600;transition:background .15s,opacity .15s}button:hover{background:var(--navy-hondo)}button.sec{color:var(--navy);border:1px solid var(--borde);background:#fff}button.sec:hover{border-color:var(--navy);background:#f6f7fb}button.peligro{color:var(--rojo);border:1px solid color-mix(in srgb, var(--rojo) 30%, #fff);background:#fff;padding:5px 10px}button.peligro:hover{background:var(--rojo-bg)}.acciones{align-items:center;gap:6px;display:flex}.acciones button{padding:6px 10px}.wa{background:var(--verde-bg);border-radius:8px;place-items:center;width:34px;height:34px;font-size:18px;text-decoration:none;display:inline-grid}.btn-chico,button.chico{padding:6px 10px;font-size:12.5px}.badge{border-radius:8px;padding:3px 10px;font-size:11.5px;font-weight:600}.badge.vencido{background:var(--rojo-bg);color:var(--rojo)}.badge.hoy{background:var(--rojo);color:#fff}.badge.pronto{background:var(--ambar-bg);color:var(--ambar)}.badge.ok{background:var(--azul-bg);color:var(--azul)}.badge.cumplido{background:var(--verde-bg);color:var(--verde)}.gris{color:var(--muted)}.chico{font-size:12.5px}.msg{color:var(--rojo);font-size:14px}.login{background:var(--card);border:1px solid var(--borde);text-align:center;border-radius:16px;max-width:400px;margin:11vh auto;padding:34px 30px;box-shadow:0 10px 40px #1824501a}.login h1{font-size:26px}.login p{color:var(--muted);font-size:14px}.login form{flex-direction:column;gap:11px;margin-top:14px;display:flex}.overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1824506b;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border-radius:16px;width:100%;max-width:480px;padding:22px;box-shadow:0 20px 60px #18245040}.modal h2{margin-top:0}.grupos{flex-direction:column;gap:6px;margin:12px 0;display:flex}@media (width<=720px){.app{grid-template-columns:1fr}.side{flex-flow:wrap;align-items:center;gap:12px;height:auto;padding:12px 14px;position:static}.side-logo{width:150px;margin:0}.side-nav{flex-flow:wrap;gap:2px}.side-nav a{padding:8px 10px}.side-nav a span.txt{display:none}.side-foot{margin:0 0 0 auto;padding:0}.side-user{border:0;padding:4px}.main{padding:18px 16px 40px}}