:root{--navy:#101d30;--navy2:#172840;--ink:#203047;--muted:#66758b;--line:#e2e8f0;--blue:#1165c2;--bg:#f3f6fa;--white:#fff;--green:#117954;--amber:#965c00;--red:#aa3434;--shadow:0 7px 24px rgba(12,38,64,.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--blue)}.app{display:flex;min-height:100vh}.side{width:258px;flex:0 0 258px;background:var(--navy);color:#dce8f5;padding:26px 16px;display:flex;flex-direction:column;gap:20px}.brand{padding:8px 12px 18px;border-bottom:1px solid #304159}.brand strong{display:block;letter-spacing:.1em;font-size:22px;color:#fff}.brand small{display:block;font-size:11px;letter-spacing:.2em;color:#a7b7ce;margin-top:4px}.side nav{display:grid;gap:5px}.navbtn{width:100%;display:flex;align-items:center;gap:12px;background:transparent;border:0;border-radius:10px;padding:13px 14px;color:#bccce1;text-align:left;font-weight:600;font-size:13px}.navbtn:hover,.navbtn.active{background:#263e5d;color:white}.navbtn .ni{font-size:18px;width:22px;text-align:center}.sidebottom{margin-top:auto;padding:12px;line-height:1.55;font-size:12px;color:#a8bed7;border-top:1px solid #304159}.main{flex:1;min-width:0}.topbar{height:86px;padding:17px 35px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fff}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;color:var(--blue);text-transform:uppercase}.topbar h1{font-size:24px;letter-spacing:-.025em;margin:4px 0}.topright{display:flex;gap:9px;align-items:center}.pill{padding:7px 10px;border-radius:99px;background:#eef4fc;color:#215c9b;font-size:11px;font-weight:800}.content{padding:28px 35px;max-width:1450px;margin:auto}.lead{color:var(--muted);line-height:1.6;margin-top:0}.notice{border:1px solid #c7d7ee;background:#f5f9ff;border-radius:12px;padding:13px 15px;font-size:12px;color:#455e7b;line-height:1.6;margin-bottom:22px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px;flex-wrap:wrap}.heading h2{margin:0 0 5px;font-size:23px;letter-spacing:-.03em}.heading p{margin:0;color:var(--muted);font-size:13px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #d6e0ec;background:#fff;color:var(--ink);border-radius:9px;padding:10px 14px;font-weight:750;font-size:12px;white-space:nowrap;min-height:39px}.btn:hover{background:#f2f6fb}.btn.primary{background:var(--blue);color:white;border-color:var(--blue)}.btn.primary:hover{background:#0e55a4}.btn.danger{color:#a12d2d;border-color:#ecd1d1}.btn.sm{font-size:11px;padding:6px 9px;min-height:30px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:var(--shadow)}.stat .k{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.07em}.stat .v{font-size:27px;font-weight:800;margin:12px 0 5px;letter-spacing:-.03em}.stat .s{font-size:11px;color:var(--muted)}.layout2{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;margin-bottom:20px}.panelhead{padding:18px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.panelhead h3{margin:0;font-size:15px}.panelbody{padding:18px 20px}.tablewrap{overflow-x:auto}.tbl{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.tbl th{padding:13px 15px;color:#708097;background:#f8fafc;font-weight:800;font-size:10px;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap}.tbl td{padding:13px 15px;border-top:1px solid #edf1f5;vertical-align:middle}.tbl tr:hover td{background:#fbfdff}.tbl .b{font-weight:800;color:var(--ink)}.tag{display:inline-block;border-radius:6px;padding:4px 8px;background:#ecf3fc;color:#255e9d;font-size:10px;font-weight:800}.tag.green{background:#e5f7ee;color:#14734f}.tag.amber{background:#fff3df;color:#996107}.tag.grey{background:#eef1f4;color:#657388}.tag.red{background:#faebeb;color:#a03636}.empty{padding:38px 24px;text-align:center;color:var(--muted);font-size:13px}.empty strong{display:block;font-size:15px;color:var(--ink);margin-bottom:6px}.toolrow{padding:15px 18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search{border:1px solid var(--line);border-radius:9px;background:#fff;padding:10px 12px;min-width:220px;flex:1;max-width:440px;color:var(--ink);font-size:13px}.search:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid #b7d5fa;outline-offset:0;border-color:#65a0e4}.muted{color:var(--muted)}.tiny{font-size:11px;color:var(--muted)}.minirow{display:flex;justify-content:space-between;gap:12px;margin:12px 0;font-size:13px}.minirow b{font-weight:800}.barbg{height:9px;border-radius:99px;background:#edf2f7;overflow:hidden}.barfill{height:100%;border-radius:99px;background:#317fcd}.barfill.gold{background:#dfa543}.barfill.green{background:#23a17b}.summarygrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.mini{background:#f8fbff;padding:16px;border:1px solid #edf3fa;border-radius:9px}.mini .val{font-size:22px;font-weight:800;margin-top:9px}.modalback{position:fixed;inset:0;background:rgba(12,25,42,.58);z-index:20;display:none;align-items:flex-start;justify-content:center;padding:35px 12px;overflow:auto}.modalback.open{display:flex}.modal{width:min(760px,100%);background:#fff;border-radius:15px;box-shadow:0 28px 100px #0003;overflow:hidden;margin:auto}.modalhead{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:12px}.modalhead h3{margin:0;font-size:21px}.modalbody{padding:22px 24px;max-height:70vh;overflow-y:auto}.modalfoot{display:flex;justify-content:flex-end;gap:10px;padding:18px 24px;background:#f9fafc;border-top:1px solid var(--line)}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:grid;gap:7px;font-size:12px;font-weight:750}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;padding:11px;border:1px solid #d8e1eb;border-radius:8px;color:var(--ink);background:#fff;min-height:42px;font-size:13px}.field textarea{min-height:77px;resize:vertical}.field em{font-size:10px;font-style:normal;color:var(--muted);font-weight:450}.sectionlabel{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:850;color:#365775;border-bottom:1px solid var(--line);padding:7px 0}.close{background:transparent;border:0;color:#6b7788;font-size:24px;padding:2px 8px}.linetable{width:100%;border-collapse:collapse}.linetable th{font-size:10px;text-transform:uppercase;color:#8190a0;text-align:left;padding:7px}.linetable td{padding:5px}.linetable input{width:100%;min-width:58px;border:1px solid #d9e3ee;border-radius:7px;padding:9px;font-size:12px}.linetable td:first-child{width:45%}.linetable td:nth-child(2){width:15%}.linetable td:nth-child(3){width:25%}.doc-total{border-radius:9px;background:#f5f9fe;padding:13px 15px;margin-top:8px;display:flex;justify-content:space-between;font-weight:850}.linkbtn{background:none;border:0;color:var(--blue);font-size:12px;font-weight:750;padding:8px 0}.dangertext{color:#a33333}.hr{height:1px;background:var(--line);margin:17px 0}.badgehead{font-size:11px;font-weight:700;background:#ecf6ee;color:var(--green);border-radius:6px;padding:5px 7px}.footer{margin:25px 0 8px;color:#8994a4;font-size:11px}.mobilemenu{display:none}.nowrap{white-space:nowrap}.right{text-align:right}.printroot{display:none}.error{background:#fff3f3;color:#962f2f;border:1px solid #f1c6c6;padding:10px 12px;border-radius:9px;font-size:12px;margin:10px 0}.okmsg{background:#edf9f3;color:#167d56;padding:11px 12px;border-radius:9px;font-size:12px;margin:10px 0}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.info-cell{border:1px solid var(--line);border-radius:10px;padding:14px;background:#fff}.info-cell strong{font-size:16px;display:block;margin:6px 0}.inlinecheck{display:flex;align-items:center;gap:8px;font-weight:600;font-size:12px}.inlinecheck input{width:auto;min-height:0}.accordion{border-top:1px solid var(--line);padding:12px 0}.accordion summary{font-weight:700;cursor:pointer}.ledger-accounts{display:flex;gap:10px;flex-wrap:wrap;padding:14px 18px}.chartchip{background:#f5f8fc;border:1px solid #e5edf7;border-radius:9px;padding:9px 11px;font-size:12px}
@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.layout2{grid-template-columns:1fr}.side{width:210px;flex-basis:210px}.content{padding:23px}.topbar{padding:15px 22px}}
@media(max-width:710px){.app{display:block}.side{display:none;position:fixed;top:0;left:0;bottom:0;z-index:30;width:270px;overflow:auto;box-shadow:8px 0 36px #0005}.side.shown{display:flex}.mobilemenu{display:inline-flex}.topbar{height:auto;min-height:72px;padding:12px 16px}.topbar h1{font-size:18px}.topright .pill{display:none}.content{padding:18px 13px}.cards{gap:10px}.stat{padding:15px}.stat .v{font-size:22px}.heading h2{font-size:21px}.summarygrid,.info-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.field.full,.sectionlabel{grid-column:1}.modalback{padding:10px}.modalbody{max-height:78vh;padding:16px}.modalhead,.modalfoot{padding:15px}.panelhead{padding:15px}.tbl td{padding:11px}.sidebottom{margin-top:20px}}
@media print{body{background:#fff!important}.app,.modalback{display:none!important}.printroot{display:block!important;color:#142339;font-family:Arial,sans-serif;font-size:12px;max-width:900px;margin:0 auto}.phead{display:flex;justify-content:space-between;gap:30px;border-bottom:3px solid #193e64;padding:28px 0 20px;margin-bottom:24px}.pbrand{font-size:27px;font-weight:900;letter-spacing:.1em}.pbrand small{display:block;font-size:11px;letter-spacing:.1em;color:#66778b}.pdoclabel{font-size:21px;text-align:right;font-weight:900}.pmeta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:26px}.pmeta>div{border:1px solid #ccd4de;padding:15px;line-height:1.65}.ptbl{width:100%;border-collapse:collapse;margin:20px 0}.ptbl td,.ptbl th{border-bottom:1px solid #d5deeb;padding:12px 8px}.ptbl th{background:#eef4fa;text-align:left}.ptotal{margin-left:auto;width:290px;padding:20px;background:#f1f5fa;line-height:2;text-align:right}.pnote{margin-top:35px;color:#566273;line-height:1.6;white-space:pre-wrap}.pfoot{margin-top:60px;padding-top:16px;border-top:1px solid #dce4ef;color:#738092;font-size:10px}.pwarn{font-size:10px;font-weight:bold;color:#a23c3c}}
@page{size:A4 portrait;margin:10mm}
@media print{
  html,body{width:100%;margin:0!important;padding:0!important;background:white!important;color:#18283e!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .app,.modalback{display:none!important}
  .printroot{display:block!important;font:11px/1.45 Arial,Helvetica,sans-serif!important;color:#17263c!important;width:190mm!important;max-width:none!important;margin:0 auto!important}
  .sheet{box-sizing:border-box;position:relative;page-break-after:always;break-after:page;width:190mm;height:277mm;overflow:hidden;display:flex;flex-direction:column;background:white}
  .sheet:last-child{page-break-after:auto;break-after:auto}
  .facehead{display:flex;justify-content:space-between;gap:18mm;padding:5mm 1mm 4mm;border-bottom:2px solid #142843}
  .facebrand{font-weight:900;font-size:25px;line-height:1;letter-spacing:.14em;color:#142843}
  .facebrand small{display:block;letter-spacing:.16em;font-size:10px;margin-top:4px}
  .facecompany{font-size:10px;line-height:1.4;margin-top:9px}
  .docright{text-align:right;line-height:1.5;font-size:10px}
  .docright strong{display:block;font-size:20px;letter-spacing:.03em}
  .docright em{font-size:9.8px;font-style:normal;font-weight:bold}
  .facegrid{display:grid;grid-template-columns:1fr 1fr;gap:4mm;margin-top:6mm}
  .facebox{border:1px solid #cbd5e2;padding:3mm;min-height:27mm;line-height:1.45;overflow-wrap:anywhere}
  .facebox .boxtitle{font-size:10px;text-transform:uppercase;font-weight:bold;letter-spacing:.06em;margin-bottom:2mm;color:#244362}
  .facetable{width:100%;border-collapse:collapse;margin-top:5mm;font-size:10.7px}
  .facetable th,.facetable td{padding:2.3mm 2mm;border-bottom:1px solid #dbe2e9;text-align:left;vertical-align:top;overflow-wrap:anywhere}
  .facetable th{background:#ecf2f7;text-transform:uppercase;font-size:9.5px}
  .facetable .num{text-align:right;white-space:nowrap}
  .frontsums{display:flex;justify-content:flex-end;margin-top:5mm}
  .sumcard{min-width:65mm;text-align:right;background:#f1f5f9;padding:3mm 4mm;line-height:1.6}
  .sumcard b{font-size:14px}
  .fnotes{margin-top:5mm;border-top:1px solid #d8e0ea;padding-top:3mm;white-space:pre-wrap;overflow-wrap:anywhere;font-size:10.3px;line-height:1.45}
  .fgua{border:1px solid #ccd6e3;padding:3mm;margin-top:4mm;line-height:1.45;font-size:10.2px}
  .fspacer{flex:1;min-height:4mm}
  .accept{border:1.5px solid #18395b;padding:4mm 5mm;margin-top:5mm;break-inside:avoid}
  .accept h3{margin:0 0 2mm;font-size:12px;letter-spacing:.04em}
  .accept p{margin:0 0 3mm;font-size:10.5px;line-height:1.45}
  .individual{margin:0 0 3mm;padding:2.5mm 3mm;border:1.2px solid #315a82;background:#f4f7fc;font-size:10.5px;line-height:1.35;break-inside:avoid}
  .individual>b{display:block;font-size:10.5px;margin-bottom:1.5mm;color:#143a60}
  .individual-line{display:flex;align-items:flex-start;gap:2mm}
  .checksquare{display:inline-block;flex:0 0 4mm;width:4mm;height:4mm;border:1.3px solid #1e3a5a;margin-top:.4mm;background:white}
  .individual-sign{margin-top:1.5mm;font-size:10.3px;font-weight:700}
  .individual-note{font-size:9.5px;margin-top:1mm;color:#475973}

  .sigrow{display:grid;grid-template-columns:1fr 1fr;gap:9mm}
  .sigarea{height:13mm;border-bottom:1px solid #506070;display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:1mm;font-size:10px;color:#4e5b6b}
  .siglabel{font-size:10.5px;margin-top:2mm}
  .frontfoot{font-size:9.5px;color:#52647b;margin-top:3mm}
  .backhead{padding:4mm 0 3mm;border-bottom:2px solid #193758;display:flex;justify-content:space-between;align-items:baseline;gap:10mm}
  .backhead h2{margin:0;font-size:15px;letter-spacing:.02em}
  .backhead span{font-size:10.5px;font-weight:bold}
  .backintro{margin:3mm 0 4mm;font-size:10.3px;line-height:1.45}
  .legalcols{column-count:2;column-gap:6mm;column-rule:1px solid #d7e0e9;font-size:10.35px;line-height:1.48;text-align:left;overflow-wrap:anywhere}
  .legalcols .term{break-inside:avoid;page-break-inside:avoid;margin:0 0 3.2mm}
  .legalcols .term strong{font-size:10.5px;color:#193b5d}
  .legalcols .term p{margin:1mm 0 0}
  .backfoot{font-size:9.6px;line-height:1.4;border-top:1px solid #cbd5e2;padding-top:2mm;margin-top:auto;break-inside:avoid}
  .draftwarn{font-size:9.6px;font-weight:bold;color:#8d3b23;margin-top:2.5mm}
}
.tbl td .tiny{margin-top:4px}.tbl td .btn{margin:2px 1px}.notice b{color:#29425f}@media(max-width:800px){.tablewrap .tbl{min-width:780px}}

/* Acceso seguro y estado de sincronización */
.login-gate {position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#101d30;padding:20px}
.login-gate.hidden{display:none}
.login-card{display:grid;gap:15px;background:white;border-radius:18px;padding:30px;width:min(410px,100%);box-shadow:0 18px 65px #0005}
.login-card h2{margin:4px 0 0;font-size:22px}.login-card p{margin:0;color:#607086;font-size:13px;line-height:1.6}
.login-card label{display:grid;gap:6px;font-size:13px;font-weight:700}
.login-card input{width:100%;border:1px solid #d8e1eb;border-radius:9px;padding:13px;font:inherit}
.login-logo{font-size:27px;color:#112b51;font-weight:900;letter-spacing:0.12em}.login-logo small{display:block;font-size:10px;letter-spacing:.15em}
#loginError{min-height:1em;color:#aa3434;font-size:12px}.login-note{text-align:center}
.sync-alert{position:fixed;bottom:20px;right:20px;z-index:50;background:#fff2ec;color:#7a270a;border:1px solid #e7aa8f;border-radius:10px;padding:14px;max-width:390px;box-shadow:0 5px 20px #0002}
@media(max-width:680px){.topbar{padding:12px}.topright{gap:4px}.topright .btn{padding:8px;font-size:11px}.topright .pill{max-width:100px;line-height:1.3}}