:root{--ink:#2b426f;--ink2:#506f91;--mist:#a7bad5;--soft:#e8e8f1;--line:#d4ddec;--bg:#f7f9fc;--card:#fff;--green:#18845c;--yellow:#d29b27;--red:#c85260;--shadow:0 15px 40px rgba(43,66,111,.10)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:#27384f}.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;flex:0 0 260px;background:linear-gradient(180deg,var(--ink),#3f6385);color:#fff;padding:22px 16px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;gap:10px;align-items:center}.brand b{letter-spacing:.15em}.brand small{display:block;color:#e5edf7;font-size:10px;letter-spacing:.18em;margin-top:2px}.mark{width:38px;height:38px;border-radius:12px;background:var(--soft);color:var(--ink);display:grid;place-items:center;font-weight:900;font-size:21px}.sidebar-label{font-size:10px;font-weight:900;letter-spacing:.16em;opacity:.65;margin:26px 12px 9px}.sidebar nav{display:grid;gap:5px}.nav-item{color:#e9f0f9;text-decoration:none;padding:12px;border-radius:12px;font-weight:700;font-size:14px}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.16);color:#fff}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.2);margin-top:30px;padding:16px 10px;display:grid;gap:4px;font-size:13px}.sidebar-bottom span{opacity:.7}.sidebar-bottom a{color:#fff;margin-top:8px}.main{flex:1;min-width:0;padding:26px 34px 50px}.topbar{display:flex;align-items:start;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.eyebrow{font-size:11px;color:var(--ink2);font-weight:900;letter-spacing:.14em}.topbar h1{margin:4px 0 0;font-size:30px;color:var(--ink)}.global-search{display:flex;gap:8px;min-width:360px}.global-search input{flex:1}.global-search button,.password-wrap button{border:0;background:var(--ink);color:#fff;border-radius:10px;padding:0 14px;font-weight:800}.card,.metric,.empty{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.card{padding:20px}.grid{display:grid;gap:16px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:17px}.metric .label{font-size:11px;font-weight:900;letter-spacing:.09em;color:var(--ink2);text-transform:uppercase}.metric .value{font-size:25px;font-weight:900;color:var(--ink);margin-top:7px}.metric .sub{margin-top:5px;font-size:12px;color:#6d7c90}.section-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.section-head h2{margin:0;color:var(--ink)}.muted,.help{color:#6d7c90;font-size:13px;line-height:1.55}.btn{border:0;background:var(--ink);color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;padding:11px 15px;font-weight:850;cursor:pointer}.btn:hover{filter:brightness(1.07)}.btn.secondary{background:#eef2f8;color:var(--ink);border:1px solid var(--line)}.btn.warn{background:var(--yellow);color:#382a00}.btn.danger{background:var(--red)}.btn.wide{width:100%;margin-top:16px}.flash{padding:13px 15px;border-radius:12px;margin-bottom:14px;font-weight:700}.flash.success{background:#e5f6ed;color:#13643f}.flash.error{background:#ffeaec;color:#983341}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800;color:var(--ink)}input,select,textarea{width:100%;border:1px solid #cfd9e8;background:#fff;border-radius:10px;padding:11px 12px;color:#26384e;font:inherit}textarea{min-height:85px;resize:vertical}.password-wrap{display:flex;gap:6px}.password-wrap input{min-width:0}.password-wrap button{font-size:12px}.form-actions{display:flex;gap:9px;margin-top:15px;align-items:center}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#e8e8f1,#a7bad5)}.login-card{width:min(730px,94vw);background:#fff;border:1px solid #d6ddeb;border-radius:22px;padding:30px;box-shadow:var(--shadow)}.login-card h1{color:var(--ink)}.login-brand{margin-bottom:20px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.data-table{border-collapse:collapse;width:100%;min-width:980px}.data-table th{background:#edf1f7;color:var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.data-table td,.data-table th{border-bottom:1px solid #dfe6f0;padding:9px 8px;text-align:left;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table input{min-width:88px;padding:8px;border-radius:8px}.table-input{min-width:80px}.group-title{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,var(--ink),var(--ink2));color:#fff;border-radius:13px 13px 0 0;padding:12px 14px;font-weight:900;margin-top:20px}.group-title small{opacity:.82}.total-row td{background:#eff5e5;font-weight:900}.rate-box{background:linear-gradient(135deg,#f4f7fb,#e8eef7);border:1px solid var(--line);border-radius:14px;padding:14px}.rate-box b{font-size:22px;color:var(--ink);display:block;margin-top:5px}.rate-box span{font-size:11px;color:var(--ink2);font-weight:800;text-transform:uppercase}.rate-output{background:#eaf0fb;border-radius:12px;padding:10px}.rate-output input{font-weight:900;color:var(--ink);background:#fff}.status{border-radius:999px;padding:5px 8px;font-weight:900;font-size:10px;display:inline-block}.status.OPEN,.status.PENDING{background:#fff3cd;color:#6a5200}.status.APPROVED{background:#e7eefb;color:#23477b}.status.PAID{background:#ddf5e7;color:#0f6740}.status.CANCELLED,.status.REJECTED{background:#ffe4e6;color:#9b2938}.empty{text-align:center;padding:55px 20px}.empty>div{font-size:38px;color:var(--ink2)}.empty h2{color:var(--ink)}.two-table{display:grid;gap:18px}.period-select select{min-width:250px}.search-result{padding:15px;border-bottom:1px solid var(--line)}.search-result:last-child{border-bottom:0}.search-result b{color:var(--ink)}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.note{padding:12px;background:#f5f7fb;border:1px solid var(--line);border-radius:11px;color:#53677f;font-size:13px}.rate-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}.pill{padding:5px 8px;border-radius:999px;background:#e8eef7;color:var(--ink);font-size:11px;font-weight:900}@media(max-width:1100px){.grid-4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:220px;flex-basis:220px}.main{padding:22px}.global-search{min-width:260px}}@media(max-width:760px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-label,.sidebar-bottom{display:none}.main{padding:18px}.topbar{display:block}.global-search{min-width:0;margin-top:15px}.grid-4,.grid-3,.grid-2,.form-grid,.rate-strip{grid-template-columns:1fr}.section-head{display:block}.period-select{margin-top:12px}}
/* CORE 1.0.1 · aprobación, PDF y satélites */
.group-title.satellite{background:linear-gradient(90deg,#b51e7c,#e23ba8)}
.satellite-row td{background:#fff0fa !important}
.satellite-row:hover td{background:#fde3f4 !important}
.total-row.satellite-total td{background:#ffe0f3 !important;color:#7c1c5c}
.satellite-card{border-color:#e7a3cb;background:linear-gradient(135deg,#fff,#fff4fb)}
.approval-card{border-color:#e8c67a;background:linear-gradient(135deg,#fffdf7,#fff7df)}
.danger-card{border-color:#efb2ba;background:linear-gradient(135deg,#fff,#fff0f1)}
.status.PENDING_APPROVAL{background:#fff0cf;color:#7f5900}
.status.OPEN{background:#e9effa;color:#214a7c}
.status.APPROVED{background:#e7eefb;color:#23477b}
.status.PAID{background:#ddf5e7;color:#0f6740}
.status.CANCELLED,.status.REJECTED{background:#ffe4e6;color:#9b2938}
@media print{.satellite-row td{background:#fff0fa !important}.total-row.satellite-total td{background:#ffe0f3!important}}
