:root{--navy:#123252;--blue:#1769aa;--sky:#eaf4fb;--green:#16845b;--red:#bf3b3b;--text:#203040;--muted:#6d7d8b;--line:#dce5eb;--card:#fff;--shadow:0 8px 25px rgba(18,50,82,.08)}*{box-sizing:border-box}body{margin:0;background:#f4f7f9;color:var(--text);font:14px/1.45 Inter,Segoe UI,Arial,sans-serif}a{color:var(--blue);text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.auth-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eaf6fb,#fff)}.auth-card{width:min(420px,calc(100% - 32px));background:#fff;padding:34px;border-radius:18px;box-shadow:var(--shadow)}.auth-logo{width:92px;height:92px;display:block;object-fit:contain;margin:0 auto 12px}.auth-card h1{text-align:center;margin:0 0 20px}.layout{display:flex;min-height:100vh}.sidebar{width:246px;background:var(--navy);color:#fff;padding:22px 15px;flex:none}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:18px;font-weight:800;padding:2px 10px 24px}.brand img{width:38px;height:38px;object-fit:contain;background:#fff;border-radius:9px}.nav-label{color:#9fc0da;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin:18px 10px 7px}.nav-link{display:block;color:#dbeaf4;padding:10px 12px;border-radius:8px;margin:2px 0}.nav-link:hover,.nav-link.active{background:#204b70;color:#fff}.main{width:100%;min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px}.content{padding:28px;max-width:1450px;margin:auto}.topbar-user{display:flex;align-items:center;gap:15px}.role{font-size:11px;background:var(--sky);color:var(--blue);padding:4px 8px;border-radius:20px;text-transform:uppercase;font-weight:700}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.grid{display:grid;gap:18px}.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))}.stat{padding:18px;border-radius:12px;background:#fff;border:1px solid var(--line)}.stat .label{color:var(--muted);font-size:12px}.stat .value{font-size:27px;font-weight:800;margin-top:5px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 18px}.section-title h1,.section-title h2{margin:0}.muted{color:var(--muted)}.small{font-size:12px}label{display:block;font-weight:650;margin-bottom:13px}input,select,textarea{width:100%;border:1px solid #cbd8e1;border-radius:7px;padding:10px 11px;background:#fff;color:var(--text);margin-top:5px}textarea{min-height:80px;resize:vertical}.btn{border:0;border-radius:7px;padding:10px 14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.primary{background:var(--blue);color:#fff}.btn.success{background:var(--green);color:#fff}.btn.danger{background:#fff0f0;color:var(--red);border:1px solid #f0c5c5}.btn.secondary{background:#edf3f6;color:var(--navy)}.btn.small-btn{padding:6px 9px;font-size:12px}.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.alert{border-radius:8px;padding:11px 13px;margin-bottom:16px}.alert.success{background:#eaf8f1;color:#146744}.alert.error{background:#fff0f0;color:#9b2929}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 9px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafcfd}tr:last-child td{border-bottom:0}.badge{display:inline-block;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:700}.badge.saved{background:#eef1f4;color:#526575}.badge.collection{background:#fff3d9;color:#956a00}.badge.paid{background:#e8f8ef;color:#117045}.badge.returned{background:#fbe6e6;color:#a42929}.page-note{background:#eef7fd;border-left:4px solid var(--blue);padding:12px 15px;border-radius:6px;margin-bottom:18px}.receipt{width:58mm;min-height:120mm;padding:3mm;background:#fff;color:#000;font:11px/1.3 'Courier New',monospace}.receipt h2{text-align:center;font:700 15px/1.1 Arial,sans-serif;margin:0}.receipt .center{text-align:center}.receipt hr{border:0;border-top:1px dashed #000;margin:7px 0}.receipt table{font:10px 'Courier New',monospace}.receipt th,.receipt td{padding:2px 0;border:0;background:none;color:#000}.receipt .total{font-size:14px;font-weight:700}.preview-box{background:#e5ebee;padding:20px;display:flex;justify-content:center;border-radius:10px}.chart-bar{height:230px;display:flex;align-items:end;gap:13px;border-bottom:1px solid var(--line);padding:10px 8px}.chart-bar div{flex:1;background:linear-gradient(#2188c8,#1769aa);border-radius:5px 5px 0 0;min-height:3px;position:relative}.chart-bar span{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:10px;color:var(--muted);margin-top:5px;white-space:nowrap}.mobile-menu{display:none}.line-items{display:grid;grid-template-columns:1fr 100px 40px;gap:8px;align-items:end;margin-bottom:8px}@media(max-width:1000px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:215px}}@media(max-width:700px){.sidebar{display:none}.mobile-menu{display:inline}.content{padding:18px}.topbar{padding:0 18px}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.line-items{grid-template-columns:1fr 85px 35px}}
@media print{body{background:#fff}.sidebar,.topbar,.no-print{display:none!important}.content{padding:0}.preview-box{padding:0;background:#fff}.receipt{box-shadow:none}}

/* Ajustes móviles: el menú se convierte en un panel lateral y el contenido no se corta. */
html,body{max-width:100%;overflow-x:hidden}.topbar-title{display:flex;align-items:center;gap:10px}.mobile-menu{border:0;background:transparent;color:var(--navy);font-size:23px;padding:2px 6px}.table-wrap{max-width:100%;overflow-x:auto}.table-wrap table{min-width:560px}.preview-box{max-width:100%;overflow-x:auto}
@media(max-width:700px){
  .layout{display:block}
  .sidebar{display:block;position:fixed;z-index:20;inset:0 auto 0 0;width:260px;height:100vh;transform:translateX(-105%);transition:transform .2s ease;box-shadow:10px 0 28px rgba(0,0,0,.2)}
  body.nav-open .sidebar{transform:translateX(0)}
  body.nav-open:after{content:"";position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:10}
  .mobile-menu{display:inline-flex}
  .content{padding:14px}
  .topbar{height:62px;padding:0 14px;position:sticky;top:0;z-index:5}
  .topbar-user{gap:6px;font-size:12px}.topbar-user>span:first-child{display:none}.topbar-user .role{font-size:9px}
  .grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.card{padding:14px}.section-title{align-items:flex-start;flex-wrap:wrap;gap:8px}.section-title h1,.section-title h2{font-size:17px}
  .line-items{grid-template-columns:minmax(0,1fr) 78px 34px}.line-items .btn{padding:8px}.actions{width:100%}.actions .btn,.actions form{flex:1 1 auto}.actions form .btn{width:100%}.form-actions{justify-content:stretch}.form-actions .btn{width:100%}.stat .value{font-size:23px}
}