.personal-charge-page{background:#f4f7f5}.personal-charge-summary{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr)) minmax(180px,.7fr);gap:14px;margin-bottom:20px}.personal-charge-summary>div{padding:18px;border:1px solid #e1e8e4;border-radius:15px;background:#fff}.personal-charge-summary>div span,.personal-charge-summary>div strong{display:block}.personal-charge-summary>div span{color:#7e8d85;font-size:12px;font-weight:800;text-transform:uppercase}.personal-charge-summary>div strong{margin-top:10px;color:#1c3027;font-size:24px}.personal-charge-create{position:relative}.personal-charge-create>summary{display:grid;place-items:center;height:100%;min-height:92px;border-radius:15px;background:#126348;color:#fff;font-weight:800;cursor:pointer;list-style:none}.personal-charge-create[open]>summary{min-height:52px}.personal-charge-create-body{position:absolute;z-index:20;right:0;width:min(760px,calc(100vw - 40px));margin-top:8px;padding:22px;border:1px solid #dfe7e2;border-radius:16px;background:#fff;box-shadow:0 24px 60px rgba(20,48,36,.2)}.personal-charge-create-body header{margin-bottom:16px}.personal-charge-create-body h3,.personal-charge-create-body p{margin:0}.personal-charge-create-body p{margin-top:5px;color:#7d8983}.personal-charge-table-head,.personal-charge-table-row{display:grid;grid-template-columns:minmax(210px,1.35fr) minmax(180px,1.1fr) minmax(160px,1fr) 115px 120px 120px 110px;align-items:center;gap:15px;min-width:1080px}.personal-charge-table-head{padding:17px 20px;background:#f5f7fb;color:#405065;font-size:13px;font-weight:800}.personal-charge-table-row{min-height:68px;padding:12px 20px;border-top:1px solid #edf1ef;color:#68766f;text-decoration:none}.personal-charge-table-row:hover{background:#f6fbf8;box-shadow:inset 4px 0 #2e8b57}.personal-charge-table-row>span:first-child strong,.personal-charge-table-row>span:first-child small{display:block}.personal-charge-table-row small{margin-top:4px;color:#909b95}.invoice-status-pendiente{background:#fff2d8;color:#9a6511}.invoice-status-pagado{background:#e3f7eb;color:#187848}.personal-payment-console{margin-bottom:18px;border-top:4px solid #1b7655}.personal-payment-console header p{margin:5px 0 0;color:#78867f}.personal-payment-balance{padding:9px 12px;border-radius:10px;background:#e9f7ef;color:#176b49;font-weight:800}.personal-payment-console form{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(280px,1.4fr) auto;align-items:end;gap:14px}.personal-payment-console label span{display:block;margin-bottom:7px;color:#53635b;font-size:12px;font-weight:800}.personal-payment-console input{width:100%;height:48px;padding:0 13px;border:1px solid #d9e3dd;border-radius:10px;font:inherit}.personal-charge-items-table{overflow-x:auto}.personal-charge-items-head,.personal-charge-items-row{display:grid;grid-template-columns:minmax(240px,1.5fr) 100px 140px 130px;align-items:center;gap:14px;min-width:650px}.personal-charge-items-head{padding:11px 12px;border-radius:10px;background:#f3f6f4;color:#6d7c74;font-size:12px;font-weight:800}.personal-charge-items-row{padding:14px 12px;border-bottom:1px solid #edf1ef;color:#65736c}.personal-charge-payment-row{display:grid;grid-template-columns:150px 1fr 1.4fr 140px;align-items:center;gap:16px;padding:13px;border-radius:11px}.personal-charge-payment-row:nth-child(odd){background:#f7f9f8}.personal-charge-payment-row span small,.personal-charge-payment-row span strong{display:block}.personal-charge-payment-row small{color:#89958f}.personal-charge-operation-grid{align-items:start}@media(max-width:1050px){.personal-charge-summary{grid-template-columns:1fr 1fr}.personal-payment-console form{grid-template-columns:1fr 1fr}.personal-payment-console button{grid-column:1/-1}.personal-charge-create-body{right:auto;left:0}}@media(max-width:680px){.personal-charge-summary,.personal-payment-console form{grid-template-columns:1fr}.personal-charge-create-body{position:fixed;inset:70px 12px auto;width:auto;max-height:75vh;overflow:auto}.personal-charge-payment-row{grid-template-columns:1fr 1fr}}
.personal-charge-section{margin-top:24px}.personal-charge-section-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px;padding:0 4px}.personal-charge-section-heading>div{display:flex;align-items:center;gap:12px}.personal-charge-section-heading h3,.personal-charge-section-heading p{margin:0}.personal-charge-section-heading h3{color:#23342c;font-size:19px}.personal-charge-section-heading p{margin-top:3px;color:#819087;font-size:13px}.personal-charge-section-heading>strong{padding:7px 11px;border-radius:999px;background:#e8eeea;color:#526159;font-size:12px}.personal-charge-section-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-weight:900}.personal-charge-section-icon.pending{background:#fff0d2;color:#a06a13}.personal-charge-section-icon.paid{background:#dcf5e6;color:#18784a}