:root{--azul-noche: #1c3d5a;--azul-medio: #2f6690;--acero: #d9e2ec;--hueso: #f4f4f2;--tinta: #1a1a1a;--alerta: #b3541e;--ok: #2f6b4f;--borde: #c9d2da;--radio: 4px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--hueso);color:var(--tinta)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--azul-noche);color:#fff;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:1.05rem;font-weight:600;margin:0;letter-spacing:.01em}.topbar .rol{font-size:.8rem;opacity:.85}main{flex:1;padding:1.5rem;max-width:960px;width:100%;margin:0 auto}.login-card{max-width:380px;margin:4rem auto;background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:2rem;text-align:center}button.google-btn{margin-top:1.25rem;width:100%;padding:.7rem 1rem;border:1px solid var(--borde);border-radius:var(--radio);background:#fff;font-size:.95rem;cursor:pointer}button.google-btn:hover{background:var(--acero)}.grid-tabla{width:100%;border-collapse:collapse;font-size:.82rem}.grid-tabla th,.grid-tabla td{border:1px solid var(--borde);padding:.35rem .4rem;text-align:center}.grid-tabla th{background:var(--acero);font-weight:600}.celda-trabajo{background:#fff}.celda-franco{background:#dde9e2}.celda-franco_articulo{background:#e6dcc9}.celda-vacaciones{background:#dbe4f0}.contador-dia{font-weight:700}.contador-dia.alto{color:var(--alerta)}.violacion{background:#fbe9e2;border-left:3px solid var(--alerta);padding:.5rem .75rem;margin:.35rem 0;font-size:.85rem}.boton-primario{background:var(--azul-medio);color:#fff;border:none;border-radius:var(--radio);padding:.6rem 1.1rem;font-size:.9rem;cursor:pointer}.boton-primario:disabled{opacity:.5;cursor:not-allowed}.boton-secundario{background:#fff;border:1px solid var(--borde);border-radius:var(--radio);padding:.6rem 1.1rem;font-size:.9rem;cursor:pointer}