:root{--verde: #1f4e3d;--verde-claro: #e6f0eb;--texto: #1c2321;--borde: #c9d3ce;--error: #b3261e;--fondo: #f6f8f7}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:var(--texto);background:var(--fondo)}h1{font-size:1.4rem;margin:0 0 16px}small{color:#5b6661}pre{background:#f0f3f1;padding:8px;border-radius:6px;overflow:auto;max-width:420px;max-height:240px;font-size:.78rem}button,input,select{font:inherit}button{min-height:40px;padding:6px 14px;border-radius:8px;border:1px solid var(--borde);background:#fff;color:var(--texto);cursor:pointer}button:disabled{opacity:.5;cursor:default}button.primario{background:var(--verde);color:#fff;border-color:var(--verde)}input{width:100%;min-height:40px;padding:6px 10px;border:1px solid var(--borde);border-radius:8px;background:#fff}label{display:block;font-weight:600;margin-bottom:12px}label input{margin-top:4px;font-weight:400}.error{color:var(--error)}.nota{color:#5b6661;font-size:.9rem}.aviso{background:var(--verde-claro);padding:10px 14px;border-radius:8px}.app{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.lateral{background:var(--verde);color:#fff;display:flex;flex-direction:column;padding:16px 12px;gap:16px}.marca{font-weight:700;font-size:1.1rem;padding:0 8px}.lateral nav{display:flex;flex-direction:column;gap:4px;flex:1}.lateral nav a{color:#dce9e3;text-decoration:none;padding:9px 10px;border-radius:8px}.lateral nav a:hover{background:#ffffff1a}.lateral nav a.active{background:#fff;color:var(--verde);font-weight:600}.usuario{display:grid;gap:8px;font-size:.85rem}.usuario button{background:transparent;color:#fff;border-color:#ffffff80}.contenido{padding:24px;min-width:0}.tarjetas{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.tarjeta{display:grid;gap:4px;background:#fff;border:1px solid var(--borde);border-radius:10px;padding:14px;color:inherit;text-decoration:none}.tarjeta:hover{border-color:var(--verde)}.tarjeta span{color:#5b6661;font-size:.9rem}.filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:8px}.tabla-caja{background:#fff;border:1px solid var(--borde);border-radius:10px;padding:8px}.tabla-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e6ebe8;vertical-align:top}th{color:#5b6661;font-weight:600;white-space:nowrap}td.vacio{text-align:center;color:#5b6661;padding:24px}.paginacion{display:flex;justify-content:space-between;align-items:center;padding:8px;gap:8px;flex-wrap:wrap}.login{max-width:360px;margin:0 auto;padding:64px 16px}.login .sub{margin-top:-8px;color:#5b6661}.login button{width:100%}@media (max-width: 720px){.app{grid-template-columns:1fr}.lateral{flex-direction:row;flex-wrap:wrap;align-items:center;padding:10px}.lateral nav{flex-direction:row;flex-wrap:wrap;flex:1 1 100%;order:3}.usuario{display:flex;align-items:center;margin-left:auto}.contenido{padding:16px}}