:root{color:#20262e;background:#eef1f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}.button:disabled{cursor:wait;opacity:.68}.login-page{align-items:center;background:#16202a;display:flex;justify-content:center;min-height:100vh;padding:24px}.login-panel{background:#fff;border-radius:8px;box-shadow:0 26px 70px #00000047;padding:34px;width:min(430px,100%)}.login-brand{align-items:center;display:flex;gap:10px;margin-bottom:34px}.login-brand span{align-items:center;background:#167d5b;border-radius:7px;color:#fff;display:flex;height:42px;justify-content:center;width:42px}.login-brand strong{font-size:1.05rem}.login-kicker{color:#167d5b;font-size:.75rem;font-weight:800;margin-bottom:8px;text-transform:uppercase}.login-panel h1{font-size:1.75rem;line-height:1.16;margin-bottom:12px}.login-copy{color:#687581;font-size:.86rem;line-height:1.55;margin-bottom:24px}.login-button{margin-top:16px;width:100%}.form-error{color:#a83b37;font-size:.75rem;margin:4px 0 0}.app-layout{min-height:100vh}.sidebar{background:#16202a;bottom:0;color:#d7dee6;display:flex;flex-direction:column;left:0;padding:24px 18px;position:fixed;top:0;width:230px;z-index:30}.brand{align-items:center;color:#fff;display:flex;font-size:1.05rem;gap:11px;padding:0 10px 30px}.brand span{align-items:center;background:#1fa673;border-radius:7px;display:flex;height:38px;justify-content:center;width:38px}.sidebar nav{display:grid;gap:5px}.nav-item{align-items:center;border-radius:6px;display:flex;font-size:.91rem;font-weight:650;gap:12px;min-height:44px;padding:0 12px}.nav-item:hover{background:#202d39;color:#fff}.nav-active{background:#263643;color:#fff}.sidebar-note{align-items:flex-start;border-top:1px solid #2d3945;display:flex;gap:10px;margin-top:auto;padding:20px 8px 0}.sidebar-note svg{color:#51d49d;flex:0 0 auto}.sidebar-note strong{color:#fff;display:block;font-size:.78rem}.sidebar-note p{color:#8f9dab;font-size:.7rem;margin:3px 0 0}.workspace{margin-left:230px;min-height:100vh;padding:34px clamp(24px,4vw,56px) 60px}.topbar{align-items:center;display:flex;justify-content:space-between;margin:0 auto 28px;max-width:1320px}.topbar p{color:#73808d;font-size:.8rem;font-weight:750;margin-bottom:5px;text-transform:uppercase}.topbar h1{font-size:1.75rem;letter-spacing:0;margin-bottom:0}.topbar-actions{align-items:center;display:flex;gap:9px}.logout-button{border:1px solid #d9dfe6}.sync-alert{align-items:center;background:#fff4df;border:1px solid #ecd6ac;border-radius:6px;color:#815719;display:flex;font-size:.8rem;gap:9px;margin:-10px auto 18px;max-width:1320px;padding:10px 13px}.button{align-items:center;border:0;border-radius:6px;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-height:42px;padding:0 16px}.button-primary{background:#167d5b;color:#fff}.button-primary:hover{background:#116a4c}.button-secondary{background:#fff;border:1px solid #d9dfe6;color:#35404b}.button-danger{background:#fff;border:1px solid #e9c8c8;color:#b23a3a}.icon-button{align-items:center;background:transparent;border:0;border-radius:6px;color:#64717e;display:inline-flex;height:38px;justify-content:center;width:38px}.icon-button:hover{background:#eef1f4;color:#20262e}.mobile-menu,.mobile-close{display:none}.metrics{background:#fff;border:1px solid #dfe4ea;border-radius:8px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 22px;max-width:1320px}.metric{align-items:center;display:flex;gap:14px;min-width:0;padding:21px 22px}.metric+.metric{border-left:1px solid #e5e9ed}.metric-icon{align-items:center;border-radius:7px;display:flex;flex:0 0 auto;height:40px;justify-content:center;width:40px}.metric-icon.blue{background:#e7f0fa;color:#3470a7}.metric-icon.green{background:#e3f4ed;color:#167d5b}.metric-icon.amber{background:#fff1d8;color:#a8680b}.metric-icon.gray{background:#edf0f3;color:#596674}.metric p{color:#788491;font-size:.76rem;font-weight:700;margin-bottom:5px}.metric strong{display:block;font-size:1.16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.records{background:#fff;border:1px solid #dfe4ea;border-radius:8px;margin:0 auto;max-width:1320px;min-height:450px;overflow:hidden}.records-header{align-items:flex-end;border-bottom:1px solid #e3e7eb;display:flex;gap:20px;justify-content:space-between;padding:22px 24px 18px}.records-header h2{font-size:1.08rem;margin-bottom:4px}.records-header p{color:#7d8894;font-size:.78rem;margin-bottom:0}.records-tools{align-items:center;display:flex;gap:12px}.search-box{align-items:center;border:1px solid #d9dfe6;border-radius:6px;color:#7b8793;display:flex;height:38px;padding:0 10px;width:270px}.search-box:focus-within{border-color:#468e76;box-shadow:0 0 0 3px #167d5b1a}.search-box input{border:0;color:#26313b;min-width:0;outline:0;padding:0 0 0 8px;width:100%}.filter-tabs{background:#f0f2f5;border-radius:6px;display:flex;padding:3px}.filter-tabs button{background:transparent;border:0;border-radius:4px;color:#687582;font-size:.75rem;font-weight:700;height:31px;padding:0 10px}.filter-tabs .filter-active{background:#fff;box-shadow:0 1px 3px #1a242f1f;color:#27333e}.table-scroll{overflow-x:auto}.mobile-credit-list{display:none}table{border-collapse:collapse;min-width:980px;width:100%}th{background:#f8f9fa;color:#707d89;font-size:.69rem;font-weight:800;padding:12px 16px;text-align:left;text-transform:uppercase}th:first-child,td:first-child{padding-left:24px}td{border-top:1px solid #edf0f2;color:#4d5a66;font-size:.82rem;padding:14px 16px}tbody tr{cursor:pointer}tbody tr:hover{background:#f9fbfa}td>strong{color:#28343f;display:block;font-size:.84rem}td>small{color:#8a949e;display:block;font-size:.7rem;margin-top:4px}.client-cell{align-items:center;display:flex;gap:11px}.client-cell>span{align-items:center;background:#e4f2ed;border-radius:50%;color:#176e52;display:flex;flex:0 0 auto;font-size:.78rem;font-weight:800;height:35px;justify-content:center;width:35px}.client-cell strong,.client-cell small{display:block}.client-cell strong{color:#26313b;font-size:.83rem}.client-cell small{color:#8b959f;font-size:.7rem;margin-top:3px}.paid-value{color:#167d5b;font-weight:750}.status{border-radius:999px;display:inline-block;font-size:.68rem;font-weight:800;padding:5px 9px}.status-al-dia{background:#e3f4ed;color:#146d50}.status-vencido{background:#fce6e5;color:#a83b37}.status-pagado{background:#e8edf2;color:#53616f}.row-action{align-items:center;background:transparent;border:0;color:#8a959f;display:flex;height:34px;justify-content:center;width:34px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:350px;padding:40px 24px;text-align:center}.empty-state>span{align-items:center;background:#e3f2ed;border-radius:50%;color:#167d5b;display:flex;height:68px;justify-content:center;margin-bottom:18px;width:68px}.empty-state h3{font-size:1rem;margin-bottom:8px}.empty-state p{color:#77838f;font-size:.84rem;line-height:1.55;margin-bottom:20px;max-width:380px}.modal-backdrop{align-items:center;background:#141c2394;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:24px;position:fixed;z-index:100}.modal{background:#fff;border-radius:8px;box-shadow:0 24px 70px #0c131947;max-height:calc(100vh - 48px);overflow-y:auto;width:min(520px,100%)}.modal-wide{width:min(820px,100%)}.modal-header{align-items:flex-start;border-bottom:1px solid #e4e8ec;display:flex;justify-content:space-between;padding:20px 22px 16px}.modal-header h2{font-size:1.15rem;margin-bottom:4px}.modal-header p{color:#7a8792;font-size:.78rem;margin-bottom:0}.form-body,.detail-body{padding:22px}.form-section-title{align-items:center;color:#3d4954;display:flex;font-size:.79rem;font-weight:800;gap:8px;margin-bottom:14px;text-transform:uppercase}.form-section-title svg{color:#167d5b}.section-gap{margin-top:24px}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:grid;gap:6px}.field-wide{grid-column:1 / -1}.field-span-two{grid-column:span 2}.field span,.calculated-field span{color:#616e7a;font-size:.74rem;font-weight:700}.field input,.field select,.field textarea{background:#fff;border:1px solid #d5dce2;border-radius:5px;color:#28333d;min-height:40px;outline:0;padding:8px 10px;resize:vertical;width:100%}.field input:focus,.field select:focus,.field textarea:focus{border-color:#32836a;box-shadow:0 0 0 3px #167d5b1a}.credit-limit-field{background:#edf6f2;border:1px solid #cfe5dc;border-radius:6px;padding:13px}.credit-limit-field span{color:#176e52}.credit-limit-field input{background:#fff;font-size:1rem;font-weight:750}.calculated-field{background:#edf6f2;border:1px solid #cfe5dc;border-radius:5px;display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:8px 12px}.calculated-field strong{color:#146c50;font-size:1rem;margin-top:4px}.modal-footer{align-items:center;background:#f8f9fa;border-top:1px solid #e3e7eb;display:flex;gap:10px;justify-content:flex-end;padding:15px 22px}.payment-summary,.detail-summary{background:#f7f9fa;border:1px solid #e1e6ea;border-radius:6px;display:grid}.payment-summary{grid-template-columns:repeat(2,1fr)}.payment-summary>div,.detail-summary>div{padding:15px 16px}.payment-summary>div+div,.detail-summary>div+div{border-left:1px solid #e1e6ea}.payment-summary span,.detail-summary span{color:#788590;display:block;font-size:.7rem;font-weight:700;margin-bottom:5px}.payment-summary strong,.detail-summary strong{font-size:.96rem}.detail-summary{grid-template-columns:repeat(4,1fr)}.positive{color:#167d5b}.concept-banner{align-items:center;background:#edf6f2;border:1px solid #cfe5dc;border-radius:6px;color:#167d5b;display:flex;gap:12px;margin-bottom:14px;padding:13px 15px}.concept-banner span,.concept-banner strong{display:block}.concept-banner span{font-size:.68rem;font-weight:800;margin-bottom:3px;text-transform:uppercase}.concept-banner strong{color:#25333d;font-size:.88rem}.detail-meta{display:flex;flex-wrap:wrap;gap:18px;padding:18px 2px}.detail-meta span{align-items:center;color:#66737e;display:flex;font-size:.75rem;gap:6px}.history-header{align-items:center;border-top:1px solid #e4e8ec;display:flex;justify-content:space-between;padding-top:19px}.history-header h3{font-size:.92rem;margin-bottom:4px}.history-header p{color:#87919a;font-size:.72rem;margin-bottom:0}.payment-list{margin-top:13px}.payment-row{align-items:center;border-top:1px solid #edf0f2;display:grid;gap:12px;grid-template-columns:38px 1fr auto auto;padding:13px 2px}.payment-icon{align-items:center;background:#e3f4ed;border-radius:50%;color:#167d5b;display:flex;height:36px;justify-content:center;width:36px}.payment-row strong,.payment-row small{display:block}.payment-row strong{font-size:.79rem}.payment-row small,.payment-row time{color:#8a949e;font-size:.7rem}.payment-row b{color:#167d5b;font-size:.82rem;min-width:90px;text-align:right}.empty-history{align-items:center;color:#8a949e;display:flex;flex-direction:column;gap:7px;padding:34px}.empty-history p{font-size:.78rem;margin:0}.detail-footer{justify-content:space-between}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.nav-backdrop{display:none}@media(max-width:1080px){.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(3){border-left:0;border-top:1px solid #e5e9ed}.metric:nth-child(4){border-top:1px solid #e5e9ed}.records-header{align-items:stretch;flex-direction:column}.records-tools{justify-content:space-between}.search-box{flex:1}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s ease;width:240px}.sidebar-open{transform:translate(0)}.mobile-close{color:#b5c0ca;display:inline-flex;position:absolute;right:10px;top:10px}.mobile-close:hover{background:#263541;color:#fff}.nav-backdrop{background:#12191f73;border:0;display:block;top:0;right:0;bottom:0;left:0;position:fixed;z-index:20}.workspace{margin-left:0;padding:22px 16px 40px}.topbar{gap:10px}.mobile-menu{display:inline-flex;flex:0 0 auto}.topbar>div:first-of-type{flex:1}.topbar p{display:none}.topbar h1{font-size:1.25rem}.topbar .button{font-size:0;padding:0;width:42px}.topbar .button svg{margin:0}.topbar-actions{flex:0 0 auto;gap:6px}.records-tools{align-items:stretch;flex-direction:column}.search-box{width:100%}.filter-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.table-scroll{display:none}.mobile-credit-list{display:grid}.mobile-credit{align-items:center;background:#fff;border:0;border-top:1px solid #e8ecef;color:#27333e;display:grid;gap:10px;grid-template-columns:36px minmax(0,1fr) auto 18px;min-height:82px;padding:13px 16px;text-align:left;width:100%}.mobile-credit:hover{background:#f8faf9}.mobile-credit-avatar{align-items:center;background:#e4f2ed;border-radius:50%;color:#176e52;display:flex;font-size:.76rem;font-weight:800;height:36px;justify-content:center;width:36px}.mobile-credit-main,.mobile-credit-main strong,.mobile-credit-main small,.mobile-credit-balance small,.mobile-credit-balance strong{display:block}.mobile-credit-main{min-width:0}.mobile-credit-main strong,.mobile-credit-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-credit-main strong{font-size:.8rem}.mobile-credit-main small{color:#7f8a94;font-size:.68rem;margin:3px 0 6px}.mobile-credit-main .status{display:inline-block}.mobile-credit-balance{text-align:right}.mobile-credit-balance small{color:#89939d;font-size:.64rem;margin-bottom:3px}.mobile-credit-balance strong{font-size:.78rem;white-space:nowrap}.form-grid,.form-grid-three{grid-template-columns:1fr}.field-wide,.field-span-two{grid-column:auto}.detail-summary{grid-template-columns:repeat(2,1fr)}.detail-summary>div:nth-child(3){border-left:0;border-top:1px solid #e1e6ea}.detail-summary>div:nth-child(4){border-top:1px solid #e1e6ea}}@media(max-width:500px){.metrics{grid-template-columns:1fr}.metric+.metric{border-left:0;border-top:1px solid #e5e9ed}.metric:nth-child(3){border-top:1px solid #e5e9ed}.records-header{padding:18px 16px}.filter-tabs button{padding:0 4px}.modal-backdrop{align-items:flex-end;padding:0}.modal{border-radius:8px 8px 0 0;max-height:94vh;width:100%}.form-body,.detail-body{padding:18px 16px}.modal-footer{padding:13px 16px}.modal-footer .button{flex:1}.payment-row{grid-template-columns:36px 1fr auto}.payment-row time{display:none}.payment-row b{min-width:auto}.detail-footer{align-items:stretch;flex-direction:column-reverse}}