*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:#1d2733}a{text-decoration:none;color:#0d4ea6}.muted{color:#64748b}.small{font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:260px;background:#162030;color:#fff;padding:16px;position:fixed;top:0;left:0;bottom:0;overflow-y:auto}.sidebar .brand{display:flex;flex-direction:column;gap:4px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar nav a{display:block;color:#fff;padding:11px 12px;border-radius:12px;margin-bottom:7px;background:rgba(255,255,255,.04);transition:.15s}.sidebar nav a:hover,.sidebar nav a.active{background:rgba(255,255,255,.14)}.main-content{margin-left:260px;flex:1;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#fff;border-bottom:1px solid #e4e8ef;position:sticky;top:0;z-index:5}.content-area{padding:18px}.card{background:#fff;border-radius:18px;padding:16px;box-shadow:0 6px 18px rgba(15,23,42,.06);margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat{padding:16px;border-radius:16px;background:#fff}.stat h3{margin:0 0 8px;font-size:14px;color:#5a6573}.stat p{margin:0;font-size:24px;font-weight:bold}.toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.toolbar .actions{display:flex;gap:8px;flex-wrap:wrap}.table-wrap{overflow:auto;border:1px solid #edf1f5;border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:960px;background:#fff}.table th,.table td{padding:10px;border-bottom:1px solid #edf1f5;text-align:left;font-size:14px;vertical-align:top}.table th{background:#f8fafc;position:sticky;top:0}.btn,.btn-link,button{display:inline-block;padding:9px 12px;border:none;border-radius:10px;background:#0d4ea6;color:#fff;cursor:pointer;font-weight:600}.btn.secondary{background:#64748b}.btn.success{background:#15803d}.btn.warning{background:#a16207}.btn.danger{background:#b91c1c}.btn.light{background:#e2e8f0;color:#0f172a}.btn.small{padding:7px 10px;font-size:12px}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;text-transform:capitalize}.credito{background:#dcfce7;color:#166534}.debito{background:#fee2e2;color:#991b1b}.anulado,.inactivo{background:#e5e7eb;color:#374151}.activo{background:#dbeafe;color:#1d4ed8}.alert{padding:12px 14px;border-radius:12px;margin-bottom:14px}.alert.success{background:#dcfce7;color:#166534}.alert.error{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #d7deea;border-radius:10px;background:#fff;width:100%}.form-group textarea{min-height:90px;resize:vertical}.help{font-size:12px;color:#64748b}.danger-help{font-size:12px;color:#b91c1c;font-weight:bold}.warning-help{font-size:12px;color:#a16207;font-weight:bold}.filter-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.login-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1e293b,#0d4ea6)}.login-card{max-width:520px;width:100%;background:#fff;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(0,0,0,.25)}.burger{display:none;background:#162030}.actions{display:flex;gap:8px;flex-wrap:wrap}.progress-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:center;justify-content:center;z-index:9999}.progress-overlay.hidden{display:none}.progress-box{background:#fff;padding:20px;border-radius:16px;min-width:280px;text-align:center}.progress-bar{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress-bar span{display:block;height:100%;width:50%;background:#0d4ea6;animation:load 1s infinite alternate}.summary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.summary-item{padding:12px;border:1px solid #e5e7eb;border-radius:14px;background:#f8fafc}.empty{padding:16px;border:1px dashed #cbd5e1;border-radius:14px;color:#64748b;background:#fff}@keyframes load{from{margin-left:-10%}to{margin-left:60%}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.form-grid-3,.filter-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.form-grid,.grid-2,.filter-bar,.summary-list{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s;z-index:1000}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.burger{display:inline-block}}@media(max-width:640px){.grid{grid-template-columns:1fr}.content-area{padding:12px}.topbar{gap:10px;align-items:flex-start;flex-direction:column}.userbox{font-size:12px}.toolbar{align-items:flex-start;flex-direction:column}}