.collect-page{color:#eaf5ff}.collect-head,.collect-body{display:flex;gap:1.25rem}.collect-head{justify-content:space-between;align-items:center;margin-bottom:1.2rem}.collect-head h1{margin:.2rem 0;font-size:2rem}.collect-head p{margin:0;color:#9fb8ce}.collect-main-action,.collect-pay,.collect-dialog .confirm{border:0;border-radius:8px;background:linear-gradient(135deg,#188cf4,#1365da);color:white;font-weight:800;padding:.85rem 1.1rem;text-decoration:none;cursor:pointer}.collect-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:.8rem;margin-bottom:1.1rem}.collect-kpis>*{min-height:104px;padding:1rem;border:1px solid #245170;border-radius:11px;background:#102d43;color:#e8f5ff;text-decoration:none}.collect-kpis .success{border-color:#1faa76;background:#0e3e3b}.collect-kpis .warning{border-color:#df9916;background:#332b1b}.collect-kpis .danger{border-color:#df4162;background:#3b1e2b}.collect-kpis .purple{border-color:#7657be;background:#292044}.collect-kpis small,.collect-table-card small{display:block;color:#9eb9cf;font-size:.68rem;font-weight:800}.collect-kpis strong{display:block;font-size:1.75rem;margin:.45rem 0}.collect-kpis span{font-size:.8rem;color:#b8cadd}.collect-body main{min-width:0;flex:1}.collect-side{width:255px;display:grid;align-content:start;gap:.9rem}.collect-side section,.collect-table-card,.collect-recent{background:#0e2a3f;border:1px solid #1d4a69;border-radius:11px;box-shadow:0 10px 25px #00142644}.collect-side section{padding:1rem}.collect-side h2,.collect-recent h2{font-size:1rem;margin:0 0:.9rem}.collect-side p{display:flex;justify-content:space-between;border-bottom:1px solid #1b4059;padding:.55rem 0;margin:0;color:#b9cede}.collect-side p:last-child{border:0}.good{color:#44d698}.bad{color:#ff7185}.collect-help{color:#b9cede;font-size:.85rem}.collect-tabs{display:flex;gap:1.5rem;border-bottom:1px solid #214962;margin-bottom:.8rem}.collect-tabs a{padding:.75rem .2rem;color:#aec6da;text-decoration:none}.collect-tabs a.active{color:#5cb5ff;border-bottom:3px solid #168df2;font-weight:800}.collect-filters{display:flex;gap:.7rem;padding:1rem;background:#102d43;border:1px solid #1d4a69;border-radius:10px;margin-bottom:.9rem}.collect-filters label{display:flex;align-items:center;gap:.5rem;flex:1;padding:0 .7rem;border:1px solid #315a78;border-radius:7px}.collect-filters input,.collect-dialog input,.collect-dialog select,.collect-dialog textarea{width:100%;box-sizing:border-box;background:#092137;border:1px solid #315a78;border-radius:7px;padding:.7rem;color:#edf7ff}.collect-filters input{border:0}.collect-filters button,.collect-filters a{border:0;border-radius:7px;padding:.7rem 1rem;background:#176ed9;color:#fff;text-decoration:none;font-weight:700}.collect-filters a{background:#193a52}.collect-table-card header,.collect-recent header{padding:1rem;display:flex;justify-content:space-between;align-items:center}.collect-table-card table{width:100%;border-collapse:collapse;font-size:.85rem}.collect-table-card th{padding:.8rem;text-align:left;background:#19445f;color:#cde5f5;font-size:.72rem}.collect-table-card td{padding:.85rem;border-top:1px solid #1a415a}.collect-table-card td small{margin-top:.2rem}.collect-table-card a{color:#57b9ff;text-decoration:none}.collect-pay{padding:.55rem .8rem;background:#16ae64}.collect-state{display:inline-block;padding:.3rem .65rem;border-radius:15px;font-style:normal;font-size:.72rem;font-weight:800}.collect-state.hoy{background:#0b6449;color:#79f1bd}.collect-state.pendiente{background:#664a0c;color:#ffd668}.collect-state.vencida{background:#712537;color:#ffb0bd}.collect-no-data{text-align:center;padding:2rem!important;color:#9fb8ce}.collect-recent{margin-top:1rem;padding-bottom:.3rem}.collect-recent header a{color:#55b8ff}.collect-recent p{display:grid;grid-template-columns:100px 1fr 140px 130px;gap:.5rem;padding:.7rem 1rem;margin:0;border-top:1px solid #1a415a;color:#c4d9e8}.collect-recent p a{color:#53baff}.collect-dialog{border:1px solid #2e6385;border-radius:12px;background:#0d2a40;color:#ebf6ff;width:min(620px,94vw);padding:0;box-shadow:0 20px 50px #000b}.collect-dialog::backdrop{background:#020b14aa}.collect-dialog form{padding:1.2rem}.collect-dialog header{display:flex;justify-content:space-between}.collect-dialog h2{margin:.25rem 0}.collect-dialog header p{margin:0;color:#a9c2d7}.collect-dialog header button{border:0;background:transparent;color:#d6e9f5;font-size:1.5rem}.collect-pay-top,.collect-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:1rem 0}.collect-breakdown{grid-template-columns:repeat(4,1fr)}.collect-pay-top p,.collect-breakdown p{margin:0;background:#10334d;border-radius:7px;padding:.7rem}.collect-pay-top span,.collect-breakdown span{display:block;font-size:.72rem;color:#a8c0d4}.collect-pay-top b,.collect-breakdown b{display:block;margin-top:.25rem}.collect-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.collect-form-grid label{font-weight:700;font-size:.82rem}.collect-form-grid label>*{margin-top:.35rem}.collect-form-grid .wide{grid-column:1/-1}.collect-form-grid textarea{height:65px;resize:vertical}.collect-note{font-size:.78rem;color:#aac5d9}.collect-dialog footer{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1rem}.collect-dialog .cancel{padding:.8rem 1.1rem;border:1px solid #315a78;border-radius:8px;background:#14344c;color:#eaf5ff;font-weight:700;cursor:pointer}@media(max-width:1100px){.collect-kpis{grid-template-columns:repeat(3,1fr)}.collect-side{display:none}}@media(max-width:700px){.collect-head,.collect-filters{display:block}.collect-main-action{display:inline-block;margin-top:.75rem}.collect-kpis{grid-template-columns:repeat(2,1fr)}.collect-tabs{overflow:auto;white-space:nowrap}.collect-filters>*{width:100%;margin-bottom:.5rem;box-sizing:border-box}.collect-form-grid,.collect-pay-top,.collect-breakdown{grid-template-columns:1fr 1fr}.collect-recent p{grid-template-columns:1fr 1fr}.collect-table-card{overflow:hidden}}
