:root{--green:#073e2c;--ink:#172e28;--muted:#707771;--bg:#f8f9f6;--border:#e5e8e1;--lime:#a1cf29;--pale:#f0f6df;--radius:13px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.5 'Segoe UI',Arial,sans-serif}a{color:var(--green);text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button svg,.button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:46px;line-height:1.15}h2{font-size:24px;line-height:1.3}h3{font-size:15px}small{font-size:12px;color:var(--muted);display:block}p{color:var(--muted);line-height:1.7}.logo{font-family:Georgia,serif;font-size:57px;letter-spacing:-4px;line-height:1;display:block;color:var(--green);font-weight:600}.logo span{font:11px 'Segoe UI',sans-serif;letter-spacing:0;vertical-align:top;display:inline-block;margin:10px 0 0 5px}.sidebar{width:242px;background:#fff;border-right:1px solid var(--border);padding:38px 22px 24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.sidebar .logo{margin:0 14px 48px}nav{display:flex;flex-direction:column;gap:13px}nav a{display:flex;align-items:center;gap:16px;padding:17px 18px;border-radius:9px;color:#253a33;font-size:14px}nav a:hover{background:#f0f4ed}nav a.selected{background:var(--green);color:white}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);padding-top:22px;margin-top:auto;font-size:12px}.profile strong{display:block;max-width:116px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile small{font-size:10px}.profile form{margin-left:auto}.avatar{width:37px;height:37px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:#fff;font-size:17px;flex-shrink:0}.main{margin-left:242px;padding:28px 30px 18px;max-width:1800px}.topbar{display:flex;align-items:center;gap:18px;margin-bottom:32px}.mode{display:flex;align-items:center;gap:12px;background:var(--pale);border-radius:10px;padding:13px 15px;font-size:12px;flex:1;min-height:49px}.mode svg{color:#769b29}.month-picker{display:flex;align-items:center;gap:4px}.month-picker input{width:158px;border:0;background:transparent;padding:5px;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);border:1px solid var(--green);color:white;border-radius:8px;padding:12px 18px;font-weight:500;white-space:nowrap;min-height:45px}.button:hover{background:#12583f}.button.secondary{background:#fff;border-color:#d8dfd3;color:var(--green)}.button.secondary:hover{background:#eef3e9}.full{width:100%}.text-button{background:none;border:0;color:var(--green);padding:6px;font-size:13px}.danger{color:#a7493a}.icon-button{border:0;background:none;display:grid;place-items:center;padding:5px;color:var(--ink);font-size:27px}.heading{margin-bottom:25px}.heading p{font-size:15px;margin-top:10px}.heading-action{display:flex;align-items:center;justify-content:space-between;gap:18px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:21px}.stats article{display:flex;align-items:center;gap:18px;padding:22px 20px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.stat-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:50%;background:#e7eee6;color:var(--green);flex-shrink:0}.stat-icon svg{width:26px;height:26px}.stat-icon.lime{background:var(--pale);color:#789f21}.stats strong{display:block;font:32px/1.3 Georgia,serif;color:var(--green);letter-spacing:-1px}.stats strong.olive{color:#709121}.stats small{margin-top:3px;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:21px}.panel{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.panel-head a{font-size:12px}.legend{display:flex;gap:15px;font-size:11px}.legend span{display:flex;align-items:center;gap:6px}.legend i{height:10px;width:10px;display:block;background:var(--green);border-radius:3px}.lime-fill{background:var(--lime)!important}.chart{height:200px;display:flex;padding-top:12px}.axis{display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--muted);width:34px;padding-bottom:25px}.bars{display:flex;flex:1;justify-content:space-around;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#e9ece6 44px,transparent 45px);background-size:100% calc(100% - 24px);background-repeat:no-repeat;border-bottom:1px solid var(--border)}.bar-group{width:19%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:7px}.bar-pair{display:flex;align-items:flex-end;justify-content:center;gap:7px;height:calc(100% - 25px);width:100%}.bar{width:32px;max-width:42%;border-radius:4px 4px 0 0;background:var(--green);min-height:0}.bar-group>span{font-size:10px;color:var(--muted);white-space:nowrap}.chart-note{font-size:10px;margin-top:15px}.card-row{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #edf0e9;color:var(--ink)}.card-row:last-child{border:0;padding-bottom:0}.card-row:first-of-type{padding-top:0}.card-row small{margin-top:4px}.card-row>svg{width:14px;color:#8c948b}.card-amount{margin-left:auto;text-align:right}.bank-mark{width:49px;height:53px;border-radius:7px;display:grid;place-items:center;font-size:28px;color:white;flex-shrink:0;font-weight:600;letter-spacing:-2px}.nu{background:#820ad1;color:white}.plata{background:#171c1a;color:white}.klar{background:#008e83;color:white}.didi{background:#ee7623;color:white}.stori{background:#165e50;color:white}.bank-mark.didi,.bank-mark.stori{font-size:19px;letter-spacing:-1px}.recent{padding:20px 16px}.recent .panel-head{padding-left:4px;margin-bottom:8px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{font-weight:500;text-align:left;padding:11px 9px;border-bottom:1px solid var(--border);color:#67736c;font-size:11px}td{padding:14px 9px;border-bottom:1px solid #edf0e9}tbody tr:last-child td{border-bottom:0}td:first-child{display:table-cell}td:first-child>span{vertical-align:middle;display:inline-block}td small{font-size:10px}.num{text-align:right;font-variant-numeric:tabular-nums}.positive{color:#21864a}.tx-icon{width:29px;height:29px;background:var(--pale);border-radius:50%;display:inline-flex!important;align-items:center;justify-content:center;margin-right:10px;color:#7a9c27}.tx-icon svg{width:16px;height:16px}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7d9e39;margin-right:5px}.more{display:flex;align-items:center;gap:6px;margin:15px 5px 0;font-size:12px}.more svg{width:14px}.credit-tip{background:linear-gradient(120deg,#f0f7dc,#f6fae9);border:1px solid #e9efd9;border-radius:var(--radius);padding:27px}.credit-tip h2{margin:14px 0 9px}.credit-tip p{max-width:275px;font-size:13px;margin-bottom:19px}.tip-icon{display:grid;place-items:center;border:1px solid #cee29e;color:#709820;width:43px;height:43px;border-radius:50%}.footer{display:flex;justify-content:space-between;margin-top:28px;color:#8d958c;font-size:10px}.notice{padding:13px 18px;border:1px solid #cdddb9;background:#f1f7e9;color:#36552c;border-radius:8px;margin-bottom:22px}.notice.error{background:#fff2ed;border-color:#ecc5b8;color:#9e3e2d}.empty{padding:35px!important;text-align:center;color:var(--muted);white-space:normal}.empty h2,.empty p{margin-bottom:14px}.filters{display:flex;align-items:center;gap:12px;margin-bottom:20px}.search-field{display:flex;align-items:center;gap:10px;flex:1}.search-field input{width:100%}.filters select{max-width:230px}.table-footer{border-top:1px solid var(--border);padding-top:14px;margin-top:10px;color:var(--muted);font-size:12px}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.plastic{border-radius:11px;padding:21px;margin-bottom:21px;min-height:170px;position:relative}.plastic-brand{font-size:23px;font-weight:600}.plastic>svg{position:absolute;right:22px;top:28px}.plastic>div{margin-top:23px;font-size:12px;opacity:.8}.plastic>span:last-child{display:block;margin-top:7px;font-size:15px;letter-spacing:2px}.between{display:flex;justify-content:space-between;gap:10px;font-size:13px}.progress{height:6px;background:#edf0e8;border-radius:4px;overflow:hidden;margin:13px 0 8px}.progress span{display:block;height:100%;background:#8eb841}.dates{display:flex;justify-content:space-between;border-top:1px solid var(--border);padding-top:18px;margin:20px 0}.dates strong{font:26px Georgia,serif}.footnote{font-size:12px;margin:20px 0}.muted{color:var(--muted)}dialog{border:1px solid var(--border);border-radius:17px;padding:28px;width:520px;max-width:calc(100vw - 28px);color:var(--ink);max-height:90vh}dialog::backdrop{background:#132a2366;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{font-size:29px}dialog>p{margin:8px 0 24px;font-size:13px}.stack{display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:500}input,select{width:100%;padding:12px;border:1px solid #dce2d7;border-radius:7px;background:#fff;color:var(--ink);min-width:0;font-size:14px}input:focus,select:focus{outline:2px solid #afcc7d;border-color:var(--green)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.calculator-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:26px}.calculator-layout .panel>p{margin:9px 0 22px}.cat-result{border-radius:13px;background:var(--green);color:white;padding:30px}.cat-result>span{color:#c3d6bc;font-size:13px}.cat-result>strong{font:62px Georgia,serif;display:block;margin:10px 0}.cat-result p,.cat-result small{color:#c2d6c6}.result-line{display:flex;justify-content:space-between;padding:13px 0;border-top:1px solid #ffffff26}.cat-result p{margin-bottom:19px}.cat-result small{font-size:11px;margin-top:12px}.method{padding:25px 3px}.method p{font-size:13px;margin:13px 0}.method a{font-size:12px;text-decoration:underline}.method h3{margin-top:18px}.method small{margin-top:15px}.source-links{display:flex;gap:13px;flex-wrap:wrap;margin-top:9px}summary{cursor:pointer;font-size:13px;color:var(--green)}.amortization{margin-top:25px}.subscription-status{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}.subscription-status p{margin-top:8px}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:870px}.plan{padding:30px}.plan:nth-child(2){border-color:#89a955;background:#f6f9ee}.plan>p{margin:8px 0}.price{font:46px Georgia,serif;margin-top:23px}.price span{font:13px 'Segoe UI',sans-serif;color:var(--muted)}.plan ul{padding-left:19px;line-height:2.5;margin:25px 0;color:#55644e}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.auth-story{background:#eaf0df;padding:45px 55px;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.auth-story h1{font-size:65px;color:var(--green);margin:40px 0 24px;line-height:1.15}.auth-story p{font-size:17px}.auth-art{display:flex;align-items:center;gap:18px;margin:45px 0;border-top:1px solid #cbd6c0;padding-top:28px;font-size:16px}.auth-art>span{background:#d8e5c3;border-radius:50%;width:57px;height:57px;display:grid;place-items:center}.auth-art small{margin-top:5px}.auth-form{width:420px;max-width:calc(100% - 60px);margin:auto;padding:45px 0}.auth-form .back{font-size:12px;color:#75846d}.auth-form h2{font-size:38px;margin:35px 0 10px}.auth-form>p{margin-bottom:25px}.auth-link{text-align:center;font-size:13px;margin-top:25px}.auth-link a{font-weight:600}.divider{display:flex;align-items:center;gap:12px;color:#92998a;font-size:11px;margin:25px 0}.divider:before,.divider:after{content:'';height:1px;background:var(--border);flex:1}.auth-foot{text-align:center;margin-top:18px;font-size:11px}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(min-width:1450px){.main{padding:30px 38px}.sidebar{width:260px}.main{margin-left:260px}.chart{height:230px}.panel{padding:25px}.stats article{padding:24px}.dashboard-grid{gap:24px}}
@media(max-width:1180px){.sidebar{width:205px;padding:30px 15px}.main{margin-left:205px;padding:25px 22px}.logo{font-size:50px}nav a{padding:15px 12px;gap:12px}.mode{font-size:11px}.topbar{gap:10px}.month-picker{display:none}h1{font-size:38px}.stats article{gap:12px;padding:17px 13px}.stats strong{font-size:27px}.stat-icon{width:40px;height:40px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(270px,1fr)}.panel{padding:18px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.legend{gap:9px}.auth-story h1{font-size:52px}.auth-story{padding:40px}}
@media(max-width:900px){.sidebar{width:76px;padding:25px 12px}.sidebar .logo{font-size:29px;letter-spacing:-2px;margin:0 0 38px}.sidebar .logo span{display:none}nav a{padding:15px;justify-content:center}nav a span,.profile>div:not(.avatar),.profile .avatar{display:none}.profile form{margin:auto}.main{margin-left:76px}.dashboard-grid{grid-template-columns:1fr}.flow{min-height:290px}.recent{grid-row:3}.stats{gap:10px}.stats article{align-items:flex-start}.stat-icon{display:none}.card-row{padding:16px 0}.calculator-layout{grid-template-columns:1fr 1fr}.auth-story h1{font-size:43px}.auth-story{padding:30px}.auth-form{max-width:calc(100% - 44px)}}
@media(max-width:640px){.sidebar{position:static;width:auto;display:block;padding:17px 18px;border-right:0;border-bottom:1px solid var(--border)}.sidebar .logo{font-size:36px;margin:0 0 18px}.sidebar nav{flex-direction:row;gap:6px;justify-content:space-between}.sidebar nav a{flex:1;padding:12px 8px}.sidebar nav a span{display:none}.profile{position:absolute;top:20px;right:20px;margin:0;padding:0;border:0}.main{margin:0;padding:20px 16px}.topbar{flex-wrap:wrap;margin-bottom:27px}.mode{flex-basis:100%;font-size:11px;padding:10px}.topbar>.button{min-height:40px;font-size:12px;padding:9px 12px;margin-left:auto}.month-picker{display:flex;flex:1}.month-picker input{font-size:11px;width:130px}h1{font-size:35px}.heading p{font-size:13px}.stats{grid-template-columns:1fr;gap:10px}.stats article{align-items:center;padding:16px 18px;gap:15px}.stat-icon{display:grid}.stats article>div{display:grid;grid-template-columns:1fr auto;width:100%;gap:2px 12px}.stats strong{grid-row:1/3;grid-column:2;align-self:center;font-size:27px}.stats small{font-size:10px}.stats article>div>span{font-size:12px}.panel{padding:17px}.dashboard-grid{gap:16px}.panel-head h2{font-size:23px}.legend{font-size:10px}.heading-action{align-items:flex-start;flex-direction:column}.card-grid,.plans,.calculator-layout{grid-template-columns:1fr}.filters{flex-wrap:wrap}.search-field{flex-basis:100%}.filters select{flex:1;max-width:none}.filters button{font-size:12px}.form-grid{gap:13px}dialog{padding:22px}.subscription-status{align-items:flex-start;flex-direction:column}.footer{font-size:9px;gap:12px}.auth-shell{display:block}.auth-story{min-height:auto;padding:27px}.auth-story h1{font-size:38px;margin:30px 0 15px}.auth-story h1 br{display:none}.auth-story p{font-size:14px}.auth-story>small,.auth-art{display:none}.auth-form{padding:20px 0 40px;width:auto;max-width:calc(100% - 54px)}.auth-form h2{margin-top:22px;font-size:32px}.auth-form .back{display:none}.cat-result>strong{font-size:53px}.heading{margin-bottom:22px}}
.dashboard-grid>*,.calculator-layout>*,.panel{min-width:0}
.billing-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:38px;max-width:1100px}.billing-layout .plan{border-color:#ccdbb5}.recurring-consent{display:flex;flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:13px}.recurring-consent input{width:18px;height:18px;margin:3px 0 0;flex-shrink:0;accent-color:var(--green)}.billing-disclosure{margin-top:18px;line-height:1.7}.billing-explainer{padding:25px 8px}.billing-explainer h2{font-size:31px;margin-top:18px}.billing-explainer ol{padding-left:21px;margin-top:27px}.billing-explainer li{padding-left:8px;margin-bottom:24px}.billing-explainer p{font-size:13px;margin-top:5px}.subscription-status small{margin-top:10px;max-width:570px}.button:disabled:hover{background:var(--green)}@media(max-width:740px){.billing-layout{grid-template-columns:1fr;gap:16px}.billing-layout .plan{padding:24px}.billing-explainer{padding:22px 6px}}
@media(prefers-reduced-motion:no-preference){.button,nav a{transition:background .15s ease}dialog[open]{animation:appear .15s ease}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
