:root{--papel: #f4f6f4;--superficie: #ffffff;--tinta: #17231d;--tinta-suave: #5c6b63;--linea: #dde4df;--esmeralda: #0d6b4d;--esmeralda-suave: #e2f0ea;--ambar: #a26a0f;--rojo: #a02c26;--radio: 6px;font-family:Avenir Next,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--papel);color:var(--tinta);font-size:15px}a{color:var(--esmeralda);text-decoration:none}a:hover{text-decoration:underline}.cargando{padding:4rem;text-align:center;color:var(--tinta-suave)}.shell{display:flex;min-height:100vh}.sidebar{width:210px;background:var(--tinta);color:#e8ede a;color:#e8edea;display:flex;flex-direction:column;padding:1.2rem 0;flex-shrink:0}.marca{font-size:1.05rem;font-weight:700;letter-spacing:.14em;padding:0 1.2rem 1.2rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:.8rem}.marca span{color:#7fc7a8}.sidebar nav a{display:block;padding:.55rem 1.2rem;color:#c9d4ce;font-size:.92rem}.sidebar nav a.activo{background:#ffffff14;color:#fff;border-left:3px solid #7fc7a8;padding-left:calc(1.2rem - 3px)}.sidebar nav a:hover{color:#fff;text-decoration:none}.sidebar .pie{margin-top:auto;padding:1rem 1.2rem;font-size:.8rem;color:#9fb0a8;border-top:1px solid rgba(255,255,255,.12)}.sidebar .pie button{margin-top:.5rem;background:none;border:1px solid #56655e;color:#c9d4ce;padding:.3rem .7rem;border-radius:var(--radio);cursor:pointer;font-size:.8rem}.sidebar .pie button:hover{border-color:#7fc7a8;color:#fff}main.contenido{flex:1;padding:1.6rem 2rem;max-width:1100px}h1{font-size:1.35rem;margin:0 0 1rem}h2{font-size:1.05rem;margin:1.6rem 0 .6rem}.solo-admin{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ambar);background:#f6ecd8;padding:.12rem .45rem;border-radius:3px;margin-left:.5rem;vertical-align:middle}.chip{display:inline-block;font-size:.75rem;padding:.15rem .55rem;border-radius:999px;background:var(--esmeralda-suave);color:var(--esmeralda);font-weight:600}.chip.gris{background:#e8ebe9;color:var(--tinta-suave)}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.9rem;margin-bottom:1.4rem}.tarjeta{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:.9rem 1rem}.tarjeta .cifra{font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums}.tarjeta .etiqueta{font-size:.8rem;color:var(--tinta-suave);margin-top:.15rem}.tarjeta.margen{border-left:4px solid var(--esmeralda)}table{width:100%;border-collapse:collapse;background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden}th{text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--tinta-suave);padding:.55rem .8rem;border-bottom:1px solid var(--linea);background:#fafcfa}td{padding:.6rem .8rem;border-bottom:1px solid var(--linea);font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}tr.clicable{cursor:pointer}tr.clicable:hover{background:#f6faf7}form.panel,.panel{background:var(--superficie);border:1px solid var(--linea);border-radius:var(--radio);padding:1.1rem 1.2rem;margin-bottom:1.2rem}.campos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.8rem}label{display:block;font-size:.78rem;font-weight:600;color:var(--tinta-suave);margin-bottom:.25rem}input,select{width:100%;padding:.45rem .6rem;border:1px solid var(--linea);border-radius:var(--radio);font:inherit;background:#fff}input:focus,select:focus,button:focus-visible{outline:2px solid var(--esmeralda);outline-offset:1px}button.primario{background:var(--esmeralda);color:#fff;border:none;padding:.55rem 1.1rem;border-radius:var(--radio);font:inherit;font-weight:600;cursor:pointer;margin-top:.9rem}button.primario:hover{background:#0a5a40}button.secundario{background:none;border:1px solid var(--linea);color:var(--tinta);padding:.45rem .9rem;border-radius:var(--radio);font:inherit;cursor:pointer}.error{color:var(--rojo);font-size:.85rem;margin-top:.6rem}.vacio{color:var(--tinta-suave);padding:1.2rem;text-align:center}.login-fondo{min-height:100vh;display:grid;place-items:center;background:var(--tinta)}.login-caja{background:var(--superficie);border-radius:8px;padding:2rem 2.2rem;width:340px}.login-caja h1{letter-spacing:.12em;font-size:1.1rem}.login-caja h1 span{color:var(--esmeralda)}.login-caja label{margin-top:.9rem}@media (max-width: 760px){.shell{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;overflow-x:auto;padding:.4rem}.sidebar nav{display:flex}.marca{border:none;padding:0 .8rem;margin:0}.sidebar .pie{margin:0 0 0 auto;border:none;padding:0 .8rem}main.contenido{padding:1rem}}