.dashboard-controls{grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);align-items:stretch;gap:18px;margin-bottom:24px;display:grid}.dashboard-brand,.dashboard-pricing{min-width:0;padding:21px 23px}.dashboard-brand-heading,.dashboard-pricing-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.dashboard-brand-heading h2,.dashboard-pricing-heading h2{color:var(--foreground,#1a2e2a);margin:0;font-size:15px;font-weight:600;line-height:1.7}.dashboard-brand-heading .badge{text-overflow:ellipsis;max-width:130px;font-size:11px;overflow:hidden}.dashboard-brand-identity{align-items:center;gap:16px;min-width:0;margin-bottom:17px;display:flex}.dashboard-brand-logo{color:#5b8a6d;background:#f4f8f4;border:1px dashed #cbdcd1;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:82px;height:82px;display:flex;overflow:hidden}.dashboard-brand-logo span{color:#758a7d;font-size:10px;line-height:1.5}.dashboard-brand-logo.has-logo{background:#fff;border-style:solid}.dashboard-brand-logo img{object-fit:contain;width:100%;height:100%;padding:5px}.dashboard-brand-copy{flex:1;min-width:0}.dashboard-brand-copy h3{color:#194e3e;overflow-wrap:anywhere;margin:0 0 5px;font-size:24px;font-weight:600;line-height:1.55}.dashboard-brand-copy p{color:#728379;margin:0;font-size:12px;line-height:1.85}.dashboard-brand-edit{min-height:40px;font-size:12px}.dashboard-pricing-heading{align-items:flex-start;margin-bottom:18px}.dashboard-pricing-heading p{color:#728379;margin:3px 0 0;font-size:12px;line-height:1.8}.dashboard-pricing-icon{color:#387557;background:#edf5ef;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.dashboard-pricing-form{min-width:0}.dashboard-pricing-fields{grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr) auto;align-items:end;gap:11px;display:grid}.dashboard-pricing-fields>.field{flex-direction:column;gap:7px;min-width:0;margin:0;display:flex}.dashboard-pricing-fields .field-label{color:#60766a;font-size:12px;line-height:1.7}.dashboard-pricing-fields .input{width:100%;min-width:0;min-height:43px;font-size:14px}.dashboard-pricing-input{align-items:center;min-width:0;display:flex;position:relative}.dashboard-pricing-input input.input{font-variant-numeric:tabular-nums;-moz-appearance:textfield;padding-inline-start:65px;padding-inline-end:11px}.dashboard-pricing-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.dashboard-pricing-input input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.dashboard-pricing-input>span{text-overflow:ellipsis;white-space:nowrap;color:#74867a;pointer-events:none;max-width:52px;font-size:11px;position:absolute;overflow:hidden}.dashboard-pricing-input>span:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.dashboard-pricing-input>span:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:10px}.dashboard-pricing-input>span:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.dashboard-pricing-input>span:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:10px}.dashboard-pricing-save{gap:6px;min-height:43px;padding-inline-start:13px;padding-inline-end:13px;font-size:12px}.dashboard-pricing-hint{color:#74867a;margin:14px 0 0;font-size:11px;line-height:1.85}.dashboard-pricing-zero{color:#a27e41;margin:4px 0 0;font-size:11px;line-height:1.85}.dashboard-pricing-error{margin-top:12px}@media (max-width:1200px){.dashboard-controls{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:15px}.dashboard-brand,.dashboard-pricing{padding:19px}.dashboard-pricing-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.dashboard-pricing-save{grid-column:1/-1;justify-self:start;min-width:125px}.dashboard-brand-logo{width:72px;height:72px}.dashboard-brand-copy h3{font-size:22px}}@media (max-width:1020px){.dashboard-controls{grid-template-columns:1fr}.dashboard-brand{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;display:grid}.dashboard-brand-heading{grid-column:1/-1;margin-bottom:15px}.dashboard-brand-identity{margin-bottom:0}.dashboard-brand-edit{align-self:center}.dashboard-pricing-fields{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto}.dashboard-pricing-save{grid-column:auto;min-width:0}.dashboard-pricing-heading{margin-bottom:16px}}@media (max-width:760px){.dashboard-controls{gap:15px;margin-bottom:23px}.dashboard-brand,.dashboard-pricing{padding:18px}.dashboard-brand{display:block}.dashboard-brand-heading h2,.dashboard-pricing-heading h2{font-size:16px}.dashboard-brand-heading .badge{font-size:12px}.dashboard-brand-identity{gap:14px;margin-bottom:17px}.dashboard-brand-logo{width:76px;height:76px}.dashboard-brand-logo span{font-size:11px}.dashboard-brand-copy h3{font-size:24px}.dashboard-brand-copy p,.dashboard-pricing-heading p{font-size:12px}.dashboard-brand-edit{width:100%;min-height:44px;font-size:13px}.dashboard-pricing-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 11px}.dashboard-pricing-fields .field-label{font-size:13px}.dashboard-pricing-fields .input{min-height:46px;font-size:16px}.dashboard-pricing-input input.input{padding-inline-start:58px;padding-inline-end:11px}.dashboard-pricing-input>span{max-width:47px;font-size:11px}.dashboard-pricing-input>span:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:9px}.dashboard-pricing-input>span:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:9px}.dashboard-pricing-input>span:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:9px}.dashboard-pricing-input>span:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:9px}.dashboard-pricing-save{grid-column:1/-1;justify-self:stretch;width:100%;min-height:44px;font-size:13px}.dashboard-pricing-hint,.dashboard-pricing-zero{font-size:11px;line-height:1.9}.dashboard-pricing-icon{width:35px;height:35px}.dashboard-pricing-heading{gap:12px}}@media (max-width:350px){.dashboard-brand,.dashboard-pricing{padding:16px}.dashboard-brand-copy h3{font-size:21px}.dashboard-brand-logo{width:65px;height:65px}.dashboard-brand-identity{gap:12px}.dashboard-pricing-fields{grid-template-columns:1fr}.dashboard-pricing-save{grid-column:auto}.dashboard-brand-heading h2,.dashboard-pricing-heading h2{font-size:15px}}@media print{.dashboard-controls{display:none!important}}.dashboard-selected-cost{background:#f6faf6;border:1px solid #dfeae1;border-radius:11px;margin-top:17px;padding:13px 15px}.dashboard-selected-cost>div{color:#446854;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.dashboard-selected-cost>div>span{color:#657a6c;margin-inline-start:auto;font-size:12px}.dashboard-selected-cost dl{border-top:1px solid #e5eee6;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0 0;padding-top:11px;display:grid}.dashboard-selected-cost dt,.dashboard-cost-figures dt{color:#6d8074;font-size:12px;line-height:1.8}.dashboard-selected-cost dd,.dashboard-cost-figures dd{color:#244d38;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:17px;font-weight:600}.dashboard-selected-cost dd small,.dashboard-cost-figures dd small{color:#728479;font-size:11px;font-weight:400}.dashboard-inventory-costs{grid-column:1/-1;padding:22px 23px}.dashboard-cost-heading{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.dashboard-cost-heading h2{color:var(--foreground);margin:0;font-size:16px;font-weight:600;line-height:1.8}.dashboard-cost-heading p{color:#728379;margin:3px 0 0;font-size:12px;line-height:1.85}.dashboard-cost-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.dashboard-cost-item{background:#fff;border:1px solid #e5ece7;border-radius:12px;min-width:0;padding:17px}.dashboard-cost-item.selected{background:#f9fcf9;border-color:#b5d4bf}.dashboard-cost-item-heading{border-bottom:1px solid #e9efea;justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:12px;display:flex}.dashboard-cost-item-heading h3{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:600;line-height:1.7}.dashboard-cost-item-heading>span{color:#447553;white-space:nowrap;font-size:13px}.dashboard-cost-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:13px 0 0;display:grid}.dashboard-cost-unset{color:#a17c41;font-size:12px;font-weight:400}.dashboard-cost-totals{background:#eef6ef;border:1px solid #e0ece2;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;padding:17px 19px;display:grid}.dashboard-cost-totals>div{flex-direction:column;gap:4px;min-width:0;display:flex}.dashboard-cost-totals>div>span{color:#53745e;font-size:13px}.dashboard-cost-totals strong{color:#1e5138;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:23px;font-weight:600}.dashboard-cost-totals strong small{color:#607d69;font-size:12px;font-weight:400}.dashboard-cost-totals>div>small{color:#917443;font-size:11px;line-height:1.8}.dashboard-cost-note{color:#76887b;align-items:flex-start;gap:9px;margin-top:17px;font-size:11px;line-height:1.95;display:flex}.dashboard-cost-note svg{color:#64816d;flex-shrink:0;margin-top:3px}.dashboard-cost-empty{color:#76887b;padding:18px 0;font-size:14px;line-height:1.9}@media (max-width:760px){.dashboard-inventory-costs{padding:18px}.dashboard-cost-heading{flex-wrap:wrap;align-items:flex-start;gap:8px}.dashboard-cost-heading h2{font-size:16px}.dashboard-cost-heading p{font-size:12px}.dashboard-cost-heading .badge{font-size:11px}.dashboard-cost-list{grid-template-columns:1fr;gap:13px}.dashboard-cost-item{padding:16px}.dashboard-cost-item-heading h3{font-size:15px}.dashboard-cost-item-heading>span{font-size:13px}.dashboard-cost-figures{gap:13px 15px}.dashboard-cost-figures dt,.dashboard-selected-cost dt{font-size:12px}.dashboard-cost-figures dd,.dashboard-selected-cost dd{font-size:18px}.dashboard-cost-figures dd small,.dashboard-selected-cost dd small{font-size:11px}.dashboard-cost-totals{grid-template-columns:1fr;gap:15px;padding:16px}.dashboard-cost-totals>div+div{border-top:1px solid #dce9de;padding-top:13px}.dashboard-cost-totals>div>span{font-size:13px}.dashboard-cost-totals strong{font-size:24px}.dashboard-cost-note{font-size:11px}.dashboard-selected-cost{padding:13px}.dashboard-selected-cost>div{font-size:13px}.dashboard-selected-cost>div>span{width:100%;margin:0;font-size:12px}.dashboard-cost-unset{font-size:12px}}@media (max-width:350px){.dashboard-inventory-costs{padding:16px}.dashboard-cost-item{padding:13px}.dashboard-cost-figures{gap:12px}.dashboard-cost-figures dd,.dashboard-selected-cost dd{font-size:16px}.dashboard-selected-cost dl{gap:10px}.dashboard-cost-item-heading{flex-wrap:wrap;gap:4px}}.dashboard-controls.brand-only{grid-template-columns:1fr}.dashboard-controls.brand-only .dashboard-brand{max-width:100%}.dashboard-pricing-input input[readonly]{color:#6d7f72;background:#f4f7f4}.dashboard-pricing-fields:has(input[readonly]){grid-template-columns:repeat(2,minmax(0,1fr))}.staff-permissions{min-width:0}.staff-owner-note{color:#4c755c;background:#eaf4ec;border:1px solid #dcebe0;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:21px;padding:13px 16px;font-size:12px;line-height:1.9;display:flex}.staff-owner-note>svg{flex-shrink:0;margin-top:2px}.staff-access-layout{grid-template-columns:235px minmax(0,1fr);align-items:start;gap:19px;display:grid}.staff-picker-heading{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:center;padding:17px 18px 14px;display:flex}.staff-picker-heading h2{font-size:15px;font-weight:600}.staff-picker-heading>span{color:#67826f;background:#f0f5f1;border-radius:8px;place-items:center;min-width:25px;height:25px;font-size:11px;display:grid}.staff-picker-list{gap:4px;max-height:620px;padding:8px;display:grid;overflow-y:auto}.staff-picker-person{text-align:start;background:#fff;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;width:100%;min-width:0;padding:13px 10px;transition:background .16s,border-color .16s;display:flex}.staff-picker-person:hover{background:#f5f9f5}.staff-picker-person.selected{background:#eff6ef;border-color:#d7e7db}.staff-person-avatar{color:#4c7c5b;background:#e7f0e9;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:15px;font-weight:600;display:grid}.staff-person-copy{flex:1;min-width:0}.staff-person-copy>strong{overflow-wrap:anywhere;font-size:13px;font-weight:600;display:block}.staff-person-copy>small{color:#7b8e80;margin-top:1px;font-size:11px;line-height:1.8;display:block}.staff-person-status{color:#8a998e;margin-top:5px;font-size:10px;line-height:1.6;display:inline-flex}.staff-person-status.enabled{color:#548764}.staff-picker-person>svg{color:#86a18e;flex-shrink:0}.staff-mobile-picker{display:none}.staff-editor{min-width:0;padding:0}.staff-editor-heading{border-bottom:1px solid #edf2ee;justify-content:space-between;align-items:flex-start;gap:13px;padding:20px 23px 18px;display:flex}.staff-section-eyebrow{color:#809486;font-size:11px;line-height:1.8}.staff-editor-heading h2{color:#244c37;overflow-wrap:anywhere;font-size:21px;font-weight:600;line-height:1.65}.staff-editor-heading p{color:#7b8d81;margin-top:1px;font-size:12px}.staff-editor-heading>.badge{margin-top:8px;font-size:10px}.staff-login-section{border-bottom:1px solid #edf2ee;padding:20px 23px}.staff-login-fields{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:19px;display:grid}.staff-login-fields .field{min-width:0}.staff-login-fields .field-label{font-size:12px}.staff-login-fields .input{text-align:start;min-height:44px;font-size:14px}.staff-login-fields .form-hint{color:#8a9c8e;font-size:11px}.staff-login-toggle{cursor:pointer;background:#f8fbf8;border:1px solid #e2ece4;border-radius:11px;align-items:center;gap:11px;min-height:62px;padding:12px;display:flex}.staff-login-toggle input{flex-shrink:0;width:18px;height:18px;margin:0}.staff-login-toggle strong{color:#4e735a;font-size:12px;font-weight:600;line-height:1.8;display:block}.staff-login-toggle small{color:#839689;margin-top:1px;font-size:10px;line-height:1.8;display:block}.staff-inactive-warning{color:#9a7b47;background:#fcf7ed;border:1px solid #efe4cb;border-radius:9px;align-items:flex-start;gap:8px;margin:15px 0 0;padding:11px 13px;font-size:12px;line-height:1.9;display:flex}.staff-inactive-warning svg{flex-shrink:0;margin-top:3px}.staff-presets{border-bottom:1px solid #edf2ee;padding:18px 23px}.staff-presets>span{color:#688071;margin-bottom:9px;font-size:12px;font-weight:500;display:block}.staff-presets>div{flex-wrap:wrap;gap:7px;display:flex}.staff-presets button{color:#5a7c63;background:#fff;border:1px solid #dfe9e1;border-radius:8px;min-height:36px;padding:7px 12px;font-size:11px;line-height:1.7}.staff-presets button:hover{background:#f1f7f1;border-color:#bdd3c3}.staff-presets button.staff-preset-clear{color:#899b8e;border-style:dashed}.staff-presets>p{color:#91a095;margin-top:9px;font-size:10px;line-height:1.85}.staff-module-fieldset{border:0;min-width:0;margin:0;padding:18px 23px 0}.staff-module-fieldset>legend{float:left;color:#375d43;width:100%;padding:0 0 11px;font-size:14px;font-weight:600;line-height:1.8}.staff-module-guide{clear:both;color:#8a9e90;border-bottom:1px solid #e6eee7;grid-template-columns:minmax(0,1fr) 73px 102px;align-items:center;gap:10px;padding:11px 0;font-size:10px;display:grid}.staff-module-guide>span:not(:first-child){white-space:nowrap;justify-content:center;align-items:center;gap:5px;display:flex}.staff-module-list{display:grid}.staff-module-row{border-bottom:1px solid #edf2ee;grid-template-columns:minmax(0,1fr) 73px 102px;align-items:center;gap:10px;min-width:0;padding:16px 0;display:grid}.staff-module-row:last-child{border-bottom:0}.staff-module-info{align-items:flex-start;gap:11px;min-width:0;display:flex}.staff-module-info>div{min-width:0}.staff-module-info h3{color:#56725d;margin:0;font-size:13px;font-weight:600;line-height:1.8}.staff-module-info p{color:#8c9d90;margin:3px 0 0;font-size:10px;line-height:1.9}.staff-module-icon{color:#8ea595;background:#f3f6f2;border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.staff-module-row.allowed .staff-module-icon{color:#5a8c66;background:#eaf4eb}.staff-module-row.allowed .staff-module-info h3{color:#315d40}.staff-permission-check{cursor:pointer;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:44px;display:flex}.staff-permission-check input{flex-shrink:0;width:19px;height:19px;margin:0}.staff-permission-check span{color:#6f8877;font-size:12px;display:none}.staff-readonly-label{color:#a3b0a7;text-align:center;font-size:10px;line-height:1.8}.staff-icon-preview{background:#f8fbf8;border:1px solid #dfeae2;border-radius:11px;margin:16px 23px 0;padding:15px}.staff-preview-heading{color:#71917a;flex-wrap:wrap;align-items:center;gap:7px;display:flex}.staff-preview-heading h3{color:#5b7d64;margin:0;font-size:12px;font-weight:600;line-height:1.8}.staff-preview-heading>span{color:#8ba08f;margin-inline-start:auto;font-size:10px}.staff-preview-chips{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.staff-preview-chips>span{color:#6d8975;background:#fff;border:1px solid #e1ebe3;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:10px;line-height:1.7;display:inline-flex}.staff-preview-chips svg{flex-shrink:0}.staff-no-icons{color:#a08c64;margin:9px 0 0;font-size:11px;line-height:1.9}.staff-sharing-note{color:#819287;background:#f3f7f4;border:1px solid #e5ede6;border-radius:11px;align-items:flex-start;gap:10px;margin:18px 23px 0;padding:14px 15px;display:flex}.staff-sharing-note>svg{flex-shrink:0;margin-top:3px}.staff-sharing-note strong{color:#5f7c69;font-size:12px;font-weight:600;line-height:1.8}.staff-sharing-note p{color:#829689;margin-top:5px;font-size:11px;line-height:1.95}.staff-permissions-error{margin:17px 23px 0}.staff-editor-footer{background:#fdfefd;border-top:1px solid #e9efea;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px;margin-top:19px;padding:19px 23px;display:flex}.staff-editor-footer .button{min-height:43px;font-size:12px}.staff-draft-label,.staff-saved-label{font-size:11px;line-height:1.8}.staff-draft-label{color:#9b906f}.staff-saved-label{color:#68916f}.staff-access-empty{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:47px 25px;display:flex}.staff-access-empty>span{color:#769b7f;background:#eff6ee;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.staff-access-empty h2{color:#496d53;font-size:20px;font-weight:600;line-height:1.7}.staff-access-empty p{color:#8d9d92;font-size:13px;line-height:1.9}.staff-access-empty .button{margin-top:4px}@media (max-width:1200px){.staff-access-layout{grid-template-columns:205px minmax(0,1fr);gap:16px}.staff-picker-list{padding:6px}.staff-picker-person{gap:8px;padding:12px 8px}.staff-person-avatar{width:32px;height:32px}.staff-person-copy>strong{font-size:12px}.staff-module-guide,.staff-module-row{grid-template-columns:minmax(0,1fr) 58px 86px;gap:7px}.staff-login-fields{grid-template-columns:1fr;gap:13px}.staff-login-toggle{min-height:59px}.staff-editor-heading,.staff-login-section,.staff-presets,.staff-module-fieldset{padding-inline-start:20px;padding-inline-end:20px}.staff-icon-preview,.staff-sharing-note,.staff-permissions-error{margin-inline-start:20px;margin-inline-end:20px}.staff-module-info{gap:8px}.staff-module-info p{font-size:10px}.staff-module-icon{border-radius:8px;width:28px;height:28px}.staff-module-icon svg{width:17px;height:17px}.staff-editor-footer{padding-inline-start:20px;padding-inline-end:20px}}@media (max-width:1020px){.staff-access-layout{grid-template-columns:1fr}.staff-picker-heading{border:0;padding-bottom:4px}.staff-picker-list{display:none}.staff-mobile-picker{flex-direction:column;gap:7px;padding:10px 18px 18px;display:flex}.staff-mobile-picker>.field-label{font-size:12px}.staff-mobile-picker>.input{min-height:44px;font-size:15px}.staff-module-guide,.staff-module-row{grid-template-columns:minmax(0,1fr) 80px 111px}.staff-login-fields{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:17px}.staff-module-info h3{font-size:14px}.staff-module-info p{font-size:11px}.staff-module-icon{width:34px;height:34px}.staff-module-icon svg{width:20px;height:20px}.staff-person-copy>strong{font-size:13px}}@media (max-width:760px){.staff-permissions .page-actions,.staff-permissions>.page-head>.button{min-height:44px}.staff-owner-note{gap:9px;margin-bottom:17px;padding:13px 14px;font-size:12px;line-height:1.95}.staff-access-layout{gap:16px}.staff-picker-heading{padding:16px 17px 3px}.staff-picker-heading h2{font-size:16px}.staff-picker-heading>span{font-size:12px}.staff-mobile-picker{gap:8px;padding:10px 17px 17px}.staff-mobile-picker>.field-label{font-size:13px}.staff-mobile-picker>.input{min-height:46px;font-size:16px}.staff-editor-heading{padding:19px 17px 17px}.staff-section-eyebrow{font-size:12px}.staff-editor-heading h2{font-size:23px}.staff-editor-heading p{font-size:13px}.staff-editor-heading>.badge{font-size:11px;line-height:1.7}.staff-login-section{padding:19px 17px}.staff-login-fields{grid-template-columns:1fr;gap:15px}.staff-login-fields .field-label{font-size:13px}.staff-login-fields .input{min-height:46px;font-size:16px}.staff-login-fields .form-hint{font-size:11px}.staff-login-toggle{gap:12px;min-height:67px;padding:13px}.staff-login-toggle input{width:20px;height:20px}.staff-login-toggle strong{font-size:14px}.staff-login-toggle small{font-size:11px}.staff-inactive-warning{font-size:12px}.staff-presets{padding:18px 17px}.staff-presets>span{margin-bottom:10px;font-size:13px}.staff-presets>div{gap:8px}.staff-presets button{min-height:44px;padding:10px 12px;font-size:12px}.staff-presets>p{font-size:11px}.staff-module-fieldset{padding:19px 17px 0}.staff-module-fieldset>legend{padding-bottom:14px;font-size:16px}.staff-module-guide{display:none}.staff-module-list{clear:both;border-top:1px solid #e6eee7}.staff-module-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;padding:17px 0}.staff-module-info{grid-column:1/-1;align-items:flex-start;gap:11px}.staff-module-icon{border-radius:10px;width:37px;height:37px}.staff-module-info h3{font-size:15px}.staff-module-info p{margin-top:3px;font-size:12px;line-height:1.9}.staff-permission-check{background:#fdfefd;border:1px solid #e5ece6;border-radius:8px;justify-content:flex-start;gap:8px;min-height:45px;margin-top:3px;padding:9px 12px}.staff-permission-check span{font-size:12px;display:block}.staff-permission-check input{width:19px;height:19px}.staff-readonly-label{border:1px dashed #edf1ed;border-radius:8px;justify-content:center;align-items:center;min-height:45px;margin-top:3px;font-size:12px;display:flex}.staff-icon-preview{margin:17px 17px 0;padding:14px}.staff-preview-heading{gap:8px}.staff-preview-heading h3{font-size:13px}.staff-preview-heading>span{font-size:11px}.staff-preview-chips{gap:7px}.staff-preview-chips>span{padding:7px 9px;font-size:11px}.staff-no-icons{font-size:12px}.staff-sharing-note{gap:9px;margin:17px 17px 0;padding:14px 13px}.staff-sharing-note strong{font-size:13px}.staff-sharing-note p{font-size:12px;line-height:1.95}.staff-permissions-error{margin:17px 17px 0;font-size:12px}.staff-editor-footer{align-items:center;gap:10px;margin-top:18px;padding:17px}.staff-editor-footer .button{flex:1;max-width:250px;min-height:46px;font-size:14px}.staff-draft-label,.staff-saved-label{font-size:11px}.staff-access-empty{padding:37px 20px}.staff-access-empty h2{font-size:19px}.staff-access-empty p{font-size:13px}}@media (max-width:400px){.staff-module-fieldset,.staff-editor-heading,.staff-login-section,.staff-presets,.staff-editor-footer{padding-inline-start:15px;padding-inline-end:15px}.staff-icon-preview,.staff-sharing-note,.staff-permissions-error{margin-inline-start:15px;margin-inline-end:15px}.staff-presets button,.staff-permission-check{padding-inline-start:10px;padding-inline-end:10px}.staff-permission-check span{font-size:11px}.staff-editor-footer{flex-direction:column;align-items:stretch}.staff-editor-footer .button{width:100%;max-width:none}.staff-editor-footer>span{text-align:center}.staff-preview-heading>span{margin-inline-start:0}.staff-module-info p{font-size:11px}}@media print{.staff-permissions .staff-picker,.staff-permissions .staff-presets,.staff-permissions .staff-editor-footer,.staff-permissions>.page-head>.button{display:none!important}.staff-access-layout{display:block}.staff-editor{box-shadow:none;border:0}.staff-sharing-note,.staff-module-row{break-inside:avoid}}.public-site{color:#254b38;background:#f5f7f0;min-height:100vh;font-family:Tahoma,Arial,sans-serif}.public-site a{color:inherit;text-decoration:none}.public-header,.public-main,.public-footer{max-width:1180px;margin:auto}.public-header{border-bottom:1px solid #e1e9dd;justify-content:space-between;align-items:center;padding:25px 32px;display:flex}.public-brand{align-items:center;gap:11px;display:inline-flex}.public-brand>span{color:#eaf3dc;background:#155b46;border-radius:14px;place-items:center;width:45px;height:45px;display:grid}.public-brand strong{font-size:26px;font-weight:700}.public-brand strong>span{color:#82a365}.public-login-link{background:#fff;border:1px solid #d0ddca;border-radius:10px;align-items:center;gap:8px;padding:11px 15px;font-size:12px;display:flex}.public-main{padding:30px 32px 70px}.public-intro{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:35px;padding:48px 0 55px;display:grid}.public-kicker{color:#668268;letter-spacing:.2px;align-items:center;gap:8px;font-size:11px;display:inline-flex}.public-kicker>span{background:#89a873;border-radius:100%;width:7px;height:7px}.public-intro h1{letter-spacing:-1.5px;color:#154c38;margin:16px 0 23px;font-size:54px;font-weight:700;line-height:1.4}.public-intro h1>span{letter-spacing:-1px;margin-top:7px;font-size:38px;line-height:1.65;display:block}.public-intro-copy>p{color:#768670;max-width:490px;font-size:14px;line-height:2.1}.public-main-action{border-radius:12px;justify-content:space-between;align-items:center;gap:22px;min-height:49px;margin-top:25px;padding:15px 20px;font-size:13px;display:inline-flex;color:#fff!important;background:#155b46!important}.public-private-note{color:#7c8c76;align-items:center;gap:8px;margin-top:20px;font-size:10px;line-height:1.8;display:flex}.public-private-note svg{flex-shrink:0}.public-station-art{isolation:isolate;background:#e5eddd;border-radius:35% 35% 22% 22%;justify-content:center;align-items:center;height:350px;display:flex;position:relative;overflow:hidden}.public-art-circle{z-index:-1;border:1px solid #c6d6bc;border-radius:50%;width:390px;height:390px;position:absolute;top:60px;left:10px}.public-art-circle:before,.public-art-circle:after{content:"";border:1px solid #cfdec4;border-radius:50%;position:absolute;top:24px;bottom:24px;left:24px;right:24px}.public-art-circle:after{top:48px;bottom:48px;left:48px;right:48px}.public-large-fuel{color:#28694a;width:158px;height:158px;transform:translateY(-15px)}.public-art-label{align-items:baseline;gap:15px;display:flex;position:absolute;bottom:34px;right:40px}.public-art-label>span{color:#356347;font-size:27px;font-weight:700}.public-art-label>small{color:#869a7b;font-size:10px}.public-art-icon{color:#719461;background:#f9fcf4;border:1px solid #d3e0c9;border-radius:18px;place-items:center;width:62px;height:62px;display:grid;position:absolute;box-shadow:0 15px 35px #31523b08}.public-art-wallet{top:50px;right:36px;transform:rotate(10deg)}.public-art-package{bottom:85px;left:30px;transform:rotate(-9deg)}.public-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;padding:0 0 58px;display:grid}.public-tools article{background:#fff;border:1px solid #e2eadb;border-radius:16px;padding:23px 19px}.public-tools article>span{color:#6b925b;margin-bottom:14px;display:inline-flex}.public-tools h2{margin:0 0 9px;font-size:14px;font-weight:600;line-height:1.8}.public-tools p{color:#87927e;font-size:11px;line-height:2}.public-auth-wrap{border-top:1px solid #dfe7d8;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:70px;padding-top:60px;scroll-margin-top:30px;display:grid}.public-auth-info h2{margin:16px 0;font-size:30px;font-weight:600;line-height:1.8}.public-auth-info>p{color:#839178;max-width:380px;font-size:13px;line-height:2}.public-auth-hint{color:#749369;border-top:1px solid #dfe7d8;gap:13px;max-width:380px;margin-top:30px;padding-top:23px;display:flex}.public-auth-hint>svg{flex-shrink:0;margin-top:5px}.public-auth-hint>p{color:#88957e;font-size:11px;line-height:2}.public-auth-card{background:#fff;border:1px solid #dce6d4;border-radius:20px;padding:28px;box-shadow:0 18px 50px #274c3010}.public-auth-heading{border-bottom:1px solid #ecf0e8;align-items:center;gap:12px;margin-bottom:23px;padding-bottom:20px;display:flex}.public-auth-heading>span{color:#628552;background:#edf3e6;border:1px solid #e3eadb;border-radius:13px;place-items:center;width:45px;height:45px;display:grid}.public-auth-heading h2{font-size:18px;font-weight:600;line-height:1.7}.public-auth-heading p{color:#94a28a;margin-top:4px;font-size:10px}.public-auth-card .field{margin-bottom:18px}.public-auth-card .input{min-height:45px;font-size:13px}.public-auth-card .field-label{color:#718567;margin-bottom:9px;font-size:12px}.public-submit{width:100%;min-height:45px;margin-top:5px}.public-auth-error{color:#8b3c32;background:#fff2ee;border:1px solid #f0d1c8;border-radius:10px;margin:13px 0;padding:11px 13px;font-size:12px;line-height:1.9}.public-auth-success{color:#3b704d;background:#eff7ed;border:1px solid #d6e6cc;border-radius:10px;align-items:center;gap:8px;margin:13px 0;padding:11px 13px;font-size:12px;line-height:1.9;display:flex}.public-auth-success svg{flex-shrink:0}.public-mode-switch{color:#648357;text-underline-offset:4px;background:0 0;border:0;margin:17px auto 0;font-size:11px;text-decoration:underline;display:block}.public-checking{color:#85917b;align-items:center;gap:12px;padding:15px 0;font-size:12px;display:flex}.public-footer{border-top:1px solid #dfe7d8;justify-content:space-between;align-items:center;gap:18px;padding:27px 32px;display:flex}.public-footer .public-brand{gap:8px}.public-footer .public-brand strong{font-size:19px}.public-footer>p,.public-footer>span{color:#8a967f;font-size:10px}.account-passwords{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;display:grid}.account-passwords>.settings-card{min-width:0}.account-passwords>.settings-card h3{align-items:center;gap:8px;display:flex}.account-passwords>.settings-card .input{max-width:100%}.account-passwords>.settings-card .field{margin-bottom:15px}.account-password-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;display:grid}.account-passwords>.public-auth-error,.account-passwords>.public-auth-success{grid-column:1/-1;margin:0}@media (max-width:800px){.public-header{padding:20px}.public-main{padding:15px 20px 45px}.public-intro{gap:22px;padding-top:28px}.public-intro h1{font-size:43px}.public-intro h1>span{font-size:28px}.public-intro-copy>p{font-size:12px}.public-station-art{height:290px}.public-large-fuel{width:125px;height:125px}.public-art-wallet{top:30px;right:20px}.public-art-package{bottom:65px;left:15px}.public-art-icon{width:50px;height:50px}.public-art-label{display:block;bottom:25px;right:24px}.public-art-label>small{margin-top:6px;display:block}.public-tools{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-bottom:35px}.public-auth-wrap{gap:30px;padding-top:35px}.public-auth-card{padding:23px}.public-auth-info h2{font-size:25px}.account-passwords{grid-template-columns:minmax(0,1fr)}.account-password-fields{grid-template-columns:minmax(0,1fr);gap:0}}@media (max-width:560px){.public-header{padding:16px}.public-header .public-brand strong{font-size:23px}.public-header .public-brand>span{border-radius:12px;width:39px;height:39px}.public-login-link{padding:9px 11px;font-size:10px}.public-main{padding:20px 18px 40px}.public-intro{grid-template-columns:minmax(0,1fr);gap:28px;padding:20px 0 30px}.public-intro h1{margin:14px 0 18px;font-size:39px}.public-intro h1>span{font-size:29px;line-height:1.65}.public-intro-copy>p{font-size:13px;line-height:2.1}.public-main-action{min-height:48px;margin-top:20px;font-size:12px}.public-private-note{font-size:10px}.public-station-art{border-radius:28px;height:220px}.public-art-circle{width:350px;height:350px;top:18px;left:10px}.public-large-fuel{width:116px;height:116px;transform:translateY(-6px)}.public-art-label{bottom:23px;right:24px}.public-art-label>span{font-size:21px}.public-art-label>small{font-size:9px}.public-art-wallet{top:26px;right:33px}.public-art-package{bottom:35px;left:27px}.public-art-icon{border-radius:14px;width:48px;height:48px}.public-tools article{padding:19px 15px}.public-tools h2{font-size:12px}.public-tools p{font-size:10px;line-height:2}.public-tools article>span{margin-bottom:10px}.public-auth-wrap{grid-template-columns:minmax(0,1fr);gap:23px}.public-auth-info h2{margin:11px 0;font-size:25px}.public-auth-info>p{font-size:12px}.public-auth-hint{gap:10px;margin-top:20px;padding-top:16px}.public-auth-card{padding:23px 20px}.public-footer{flex-wrap:wrap;gap:15px;padding:22px 18px}.public-footer>span{width:100%;font-size:9px}.account-passwords .settings-card{padding:19px}}.account-passwords.single-account{grid-template-columns:minmax(0,1fr)}:root{--background:#f5f7f8;--surface:#fff;--foreground:#1a2e2a;--muted:#82908d;--secondary:#63716d;--primary:#145847;--primary-dark:#0e4538;--mint:#e5f2e9;--border:#e7edeb;--red:#cc5a53;--amber:#bd873c;--blue:#5b84b1;--radius:17px;--shadow:0 3px 16px #1e423703;--font-sans:Tahoma,Tahoma,Arial,sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);font:400 14px/1.75 var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible{outline-offset:4px;outline:3px solid #8fc6a8}a:focus-visible{outline-offset:4px;outline:3px solid #8fc6a8}input:focus,select:focus,textarea:focus{border-color:#8fbaa8;outline:0;box-shadow:0 0 0 3px #1458470c}svg{vertical-align:middle;display:inline-block}button svg,a svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}table{border-collapse:collapse}strong{font-weight:600}img{max-width:100%}::selection{background:#d8eddf}input[type=number],.stat-value,.tank-number,.person-balance,.legend-value,.payment-number,.cart-total,.hero-metric{font-variant-numeric:tabular-nums}input[type=number]{text-align:right;direction:ltr}input[type=date],input[type=month]{direction:ltr;min-width:0}textarea{resize:vertical;min-height:84px}input[type=checkbox]{accent-color:var(--primary);width:17px;height:17px}.app-shell{min-height:100dvh}.sidebar{z-index:40;background:var(--surface);border-inline-end:1px solid var(--border);flex-direction:column;width:236px;padding:29px 18px 20px;display:flex;position:fixed;top:0;bottom:0;overflow-y:auto}.sidebar:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.sidebar:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:0}.sidebar:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.sidebar:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:0}.brand{align-items:center;gap:11px;padding:0 10px 32px;display:flex}.brand-mark{color:#fff;background:var(--primary);border-radius:13px;place-items:center;width:43px;height:43px;display:grid;box-shadow:0 5px 12px #14584715}.brand-mark svg{width:25px;height:25px}.brand-name{letter-spacing:-.5px;font-size:24px;font-weight:700;line-height:1.25}.brand-caption{color:var(--muted);white-space:nowrap;margin-top:4px;font-size:10px}.nav-label{color:#9aa6a2;letter-spacing:.03em;padding:7px 15px 12px;font-size:10px}.nav-list{gap:5px;display:grid}.nav-item{text-align:start;color:#77817e;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;min-height:46px;padding:10px 14px;font-size:13px;transition:background .18s,color .18s;display:flex}.nav-item:hover{color:var(--primary);background:#f5f8f6}.nav-item.active{background:var(--mint);color:var(--primary);font-weight:600}.nav-icon{opacity:.85;display:inline-flex}.nav-item svg{stroke-width:1.65px;width:19px;height:19px}.nav-item.active svg{stroke-width:1.9px}.nav-count{color:#697e74;background:#e9efec;border-radius:5px;margin-inline-start:auto;padding:3px 5px;font-size:10px;line-height:1.2}.nav-item.active .nav-count{color:var(--primary);background:#d1e5d8}.sidebar-foot{border-top:1px solid var(--border);color:#6e7c76;align-items:center;gap:10px;margin-top:auto;padding:22px 9px 0;font-size:11px;display:flex}.sidebar-foot strong{color:var(--foreground);font-size:12px;display:block}.sidebar-foot small{color:#94a09a;font-size:10px}.avatar{width:37px;height:37px;color:var(--primary);background:#f0f4f1;border-radius:12px;flex-shrink:0;place-items:center;font-weight:600;display:grid}.workspace{min-height:100vh;margin-inline-start:236px}.topbar{z-index:25;border-bottom:1px solid var(--border);background:#fffefa;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 35px;display:flex;position:sticky;top:0}.topbar-title{align-items:center;gap:12px;font-size:14px;font-weight:500;display:flex}.topbar-left{align-items:center;gap:18px;display:flex}.search-box{color:#a1aaa5;background:#f6f8f7;border:1px solid #edf0ee;border-radius:9px;align-items:center;gap:9px;min-width:205px;min-height:36px;padding:7px 11px;font-size:11px;display:flex}.search-box input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:0;font-size:11px}.search-box input:focus{box-shadow:none}.icon-button,.close-button{border:1px solid var(--border);background:var(--surface);color:#7d8b85;border-radius:10px;flex-shrink:0;place-items:center;width:37px;height:37px;display:inline-grid;position:relative}.icon-button:hover,.close-button:hover{color:var(--primary);background:#f1f6f2}.icon-button svg{width:18px;height:18px}.status-dot{background:#51a87b;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #51a87b12}.live-label{color:#8a9790;align-items:center;gap:7px;font-size:10px;display:flex}.mobile-menu{display:none}.content{max-width:1440px;margin:0 auto;padding:28px 35px 40px}.page-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:23px;display:flex}.eyebrow{letter-spacing:.025em;color:#8a9a91;margin-bottom:3px;font-size:10px}.page-title{letter-spacing:-.6px;font-size:26px;font-weight:600;line-height:1.45}.page-subtitle{color:#8a9690;margin-top:5px;font-size:12px}.page-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:41px;padding:9px 16px;font-size:12px;font-weight:500;line-height:1.5;transition:background .18s,transform .18s,border-color .18s;display:inline-flex}.button svg{width:16px;height:16px}.button:active{transform:translateY(1px)}.button.primary{color:#fff;background:var(--primary);box-shadow:0 3px 5px #1458470a}.button.primary:hover{background:var(--primary-dark)}.button.secondary{color:#5a6b62;background:#fff;border-color:#e2e9e5}.button.secondary:hover{background:#f7faf8;border-color:#cfdfd4}.button.ghost{color:var(--primary);background:0 0}.button.ghost:hover{background:#edf5ef}.button.danger{color:#b4544e;background:#fff1ef;border-color:#f6dfdc}.button.small{border-radius:8px;min-height:33px;padding:6px 11px;font-size:10px}.date-control{border:1px solid var(--border);color:#78867f;background:#fff;border-radius:9px;align-items:center;gap:7px;min-height:38px;padding:6px 11px;font-size:11px;display:flex}.date-control input{color:inherit;background:0 0;border:0;max-width:130px;padding:0;font-size:11px}.date-control svg{width:15px;height:15px}.demo-banner{color:#7a8566;background:#f5f8ed;border:1px solid #e4e9d8;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding:11px 16px;font-size:11px;display:flex}.banner-copy{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.banner-copy strong{color:#68734f;font-weight:500}.banner-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.badge{white-space:nowrap;color:#84938b;background:#f0f4f2;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;font-weight:500;line-height:1.5;display:inline-flex}.hero{background:var(--primary);color:#fff;isolation:isolate;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:206px;margin-bottom:23px;padding:25px 29px;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";z-index:-1;border:1px solid #ffffff08;border-radius:50%;position:absolute}.hero:before{width:350px;height:350px;top:-100px;left:-50px}.hero:after{width:270px;height:270px;top:-60px;left:12px}.hero-copy{z-index:2;max-width:66%;position:relative}.hero-pill{color:#b6d7c2;background:#ffffff0c;border:1px solid #ffffff15;border-radius:20px;align-items:center;gap:6px;margin-bottom:10px;padding:3px 10px;font-size:10px;display:inline-flex}.hero-title{letter-spacing:-.6px;font-size:27px;font-weight:500;line-height:1.5}.hero-subtitle{color:#a3c7b6;margin-top:7px;font-size:11px}.hero-actions{align-items:center;gap:11px;margin-top:16px;display:flex}.hero .button.primary{color:#1b5c46;background:#e1f0df;font-weight:600}.hero .button.primary:hover{background:#eff8ed}.hero .button.secondary{color:#c8e0cf;background:0 0;border-color:#6c99806b}.hero .button.secondary:hover{background:#ffffff0a}.hero-visual{color:#cde4d259;flex-shrink:0;justify-content:center;align-items:center;width:240px;height:170px;display:flex;position:relative}.hero-visual>svg{width:100%;height:100%;overflow:visible}.hero-metric{bottom:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#b8d4c3;background:#ffffff0b;border:1px solid #ffffff14;border-radius:10px;padding:8px 13px;font-size:10px;position:absolute}.hero-metric:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-22px}.hero-metric:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-22px}.hero-metric:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-22px}.hero-metric:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-22px}.hero-metric strong{color:#ebf6ee;font-size:17px;line-height:1.35;display:block}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:27px;display:grid}.stat-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:18px 18px 14px;position:relative}.stat-icon{color:#508c68;background:#edf5ef;border-radius:10px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:16px}.stat-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:15px}.stat-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:15px}.stat-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:15px}.stat-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:15px}.stat-icon svg{stroke-width:1.8px;width:18px;height:18px}.stat-icon.green{color:#6a9a79;background:#edf6ef}.stat-icon.blue{color:#81a3c6;background:#f0f4f9}.stat-icon.amber{color:#cba05f;background:#fcf5e9}.stat-icon.violet{color:#a18bbd;background:#f4f0f8}.stat-label{color:#87958d;min-height:25px;padding-inline-end:33px;font-size:11px}.stat-value{letter-spacing:-.7px;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:7px;font-size:26px;font-weight:600;line-height:1.4;display:flex}.stat-value small{letter-spacing:0;color:#9aa69f;font-size:10px;font-weight:400}.stat-foot{color:#a2aca6;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;font-size:9px;line-height:1.6;display:flex}.stat-indicator{color:#6e9c7a;background:#f0f7f1;border-radius:4px;align-items:center;gap:3px;padding:2px 4px;font-size:9px;display:inline-flex}.stat-indicator svg{width:10px;height:10px}.section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.section-title{letter-spacing:-.2px;align-items:center;gap:7px;font-size:15px;font-weight:600;line-height:1.6;display:flex}.section-subtitle{color:#97a29c;margin-top:3px;font-size:10px}.text-link{color:#729583;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:inline-flex}.text-link:hover{color:var(--primary)}.text-link svg{width:12px;height:12px}.inventory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:25px;display:grid}.tank-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:14px;padding:17px 19px 13px}.tank-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:15px;display:flex}.tank-top h3{align-items:center;gap:9px;font-size:12px;font-weight:500;display:flex}.tank-icon{color:#7fa68c;background:#f2f7f3;border-radius:8px;place-items:center;width:29px;height:29px;display:inline-grid}.tank-number{letter-spacing:-.8px;font-size:28px;font-weight:500;line-height:1.5}.tank-unit{color:#99a49e;letter-spacing:0;margin-inline-start:5px;font-size:10px;font-weight:400}.tank-track{background:#f0f4f1;border-radius:4px;width:100%;height:7px;margin-top:11px;overflow:hidden}.tank-fill{background:#7fa38c;border-radius:4px;min-width:0;max-width:100%;height:100%;transition:width .7s}.tank-fill.diesel{background:#779c82}.tank-fill.gasoline{background:#8fb0c8}.tank-fill.oil{background:#d1b97e}.tank-meta{color:#a1aba5;justify-content:space-between;gap:10px;margin-top:7px;font-size:9px;display:flex}.tank-footer{color:#909d94;border-top:1px solid #f0f3f1;justify-content:space-between;align-items:center;gap:9px;margin-top:11px;padding-top:11px;font-size:9px;display:flex}.tank-footer strong{color:#6e8476;font-weight:500}.grid-main{grid-template-columns:minmax(0,1.85fr) minmax(260px,1fr);align-items:start;gap:19px;margin-bottom:24px;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#fff;border-radius:15px;min-width:0;overflow:hidden}.panel-head{border-bottom:1px solid #f1f4f2;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.panel-body{padding:19px 20px}.table-wrap{scrollbar-width:thin;scrollbar-color:#dae4dd transparent;width:100%;overflow-x:auto}.table-wrap table{text-align:start;white-space:nowrap;width:100%;min-width:540px}.table-wrap th{color:#9da8a1;text-align:start;background:#fcfdfc;border-bottom:1px solid #eef2ef;padding:11px 17px;font-size:9px;font-weight:400}.table-wrap td{color:#63796c;vertical-align:middle;border-bottom:1px solid #f1f4f2;padding:13px 17px;font-size:11px}.table-wrap tr:last-child td{border-bottom:0}.table-wrap tbody tr:hover{background:#fcfdfc}.table-cell-title{color:#4b6456;align-items:center;gap:7px;font-size:11px;font-weight:500;display:flex}.table-cell-sub{color:#a7b0aa;margin-top:2px;font-size:9px;display:block}.product-dot{background:#7f9f87;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.product-dot.diesel{background:#82a58d}.product-dot.gasoline{background:#8cabc4}.product-dot.oil{background:#ccb575}.empty-state{text-align:center;color:#96a59b;flex-direction:column;justify-content:center;align-items:center;min-height:230px;padding:44px 24px;display:flex}.empty-icon{color:#8ca895;background:#f1f6f2;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:14px;display:grid}.empty-state h3{color:#587363;font-size:15px;font-weight:500}.empty-state p{max-width:300px;margin-top:5px;font-size:11px;line-height:1.9}.empty-state .button{margin-top:16px}.payment-chart{padding:21px 22px 16px}.donut{background:conic-gradient(#70977b 0 58%,#a7c0ad 58% 84%,#e2c993 84% 100%);border-radius:50%;place-items:center;width:136px;height:136px;margin:0 auto 24px;display:grid;position:relative}.donut:before{content:"";background:#fff;border-radius:50%;position:absolute;top:13px;bottom:13px;left:13px;right:13px}.donut-center{text-align:center;color:#a0aaa3;font-size:9px;line-height:1.7;position:relative}.donut-center strong{color:#385e46;letter-spacing:-.5px;font-size:21px;font-weight:500;display:block}.legend{gap:11px;display:grid}.legend-row{color:#7e9084;align-items:center;gap:7px;font-size:10px;display:flex}.legend-dot{background:#70977b;border-radius:2px;flex-shrink:0;width:7px;height:7px;display:inline-block}.legend-value{color:#657b6d;margin-inline-start:auto;font-weight:500}.legend-row small{color:#b1b9b3;text-align:end;min-width:27px;font-size:8px}.mini-chart{padding:22px 3px 0;position:relative}.chart-bars{direction:ltr;background:repeating-linear-gradient(0deg,#0000 0 37px,#f0f3f1 37px 38px);border-bottom:1px solid #e9efea;justify-content:space-around;align-items:flex-end;gap:10px;height:154px;padding:0 8px;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;max-width:44px;height:100%;display:flex;position:relative}.chart-bar{background:#dceadf;border-radius:5px 5px 0 0;width:100%;max-width:28px;min-height:3px;transition:height .5s;position:relative}.chart-column:last-child .chart-bar,.chart-bar.active{background:#71977b}.chart-label{color:#a1ada4;white-space:nowrap;font-size:9px;line-height:1.4;position:absolute;top:calc(100% + 9px)}.chart-tooltip{color:#70957a;white-space:nowrap;font-size:9px;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.balance-strip{border-top:1px solid #f0f3f1;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:36px;padding-top:16px;display:grid}.balance-item{text-align:center;color:#a3ada6;border-inline-end:1px solid #edf2ee;padding:0 8px;font-size:9px}.balance-item:last-child{border:0}.balance-item strong{color:#587461;margin-top:3px;font-size:16px;font-weight:500;display:block}.filters{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:19px;display:flex}.filter-tabs{scrollbar-width:none;background:#eef2ef;border:1px solid #e6ece8;border-radius:10px;align-items:center;gap:5px;max-width:100%;padding:4px;display:flex;overflow:auto}.filter-tab{color:#8a988e;white-space:nowrap;background:0 0;border:0;border-radius:7px;min-height:34px;padding:7px 16px;font-size:11px}.filter-tab.active{color:var(--primary);background:#fff;box-shadow:0 2px 5px #34583a08}.filter-tab:hover{color:var(--primary)}.search-input{border:1px solid var(--border);color:#9ba89f;background:#fff;border-radius:9px;align-items:center;gap:8px;min-width:220px;padding:0 12px;display:flex;position:relative}.search-input input{width:100%;min-width:0;color:var(--foreground);background:0 0;border:0;outline:none;padding:9px 0;font-size:11px}.search-input input:focus{box-shadow:none}.search-input svg{flex-shrink:0;width:15px;height:15px}.input{color:#476152;background:#fff;border:1px solid #dfe8e1;border-radius:9px;width:100%;min-height:43px;padding:10px 11px;font-size:12px;transition:border-color .18s,box-shadow .18s;display:block}.input:disabled{color:#a3aea5;background:#f5f7f5}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:#6e8475;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.field-label small{color:#acb6ad;font-size:9px;font-weight:400}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px;display:grid}.form-grid .full,.field.full{grid-column:1/-1}.form-section{border-top:1px solid #edf2ee;margin-top:22px;padding-top:20px}.form-section:first-child{border:0;margin-top:0;padding-top:0}.form-section h3{color:#5b7764;margin-bottom:13px;font-size:13px;font-weight:500}.form-hint{color:#a2afa5;margin-top:3px;font-size:9px;line-height:1.8}.error-text{color:#ba685e;background:#fff4f2;border:1px solid #f5e2de;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:11px;line-height:1.8}.success-text{color:#6c9778;background:#f1f8f1;border:1px solid #e0ece1;border-radius:9px;padding:10px 12px;font-size:11px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.three-col,.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.person-card{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:20px}.person-head{align-items:center;gap:11px;display:flex}.person-head .avatar{border-radius:13px;width:42px;height:42px}.person-head .badge{margin-inline-start:auto}.person-name{color:#536f5d;overflow-wrap:anywhere;font-size:13px;font-weight:500}.person-role{color:#a1ada4;margin-top:2px;font-size:10px}.person-balance{color:#40654d;letter-spacing:-.6px;margin-top:23px;font-size:25px;font-weight:500;line-height:1.4}.person-balance small{color:#a9b3ac;letter-spacing:0;margin-inline-start:5px;font-size:10px;font-weight:400}.person-meta{color:#a0aea3;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:10px;display:flex}.person-actions{border-top:1px solid #eef2ee;gap:8px;margin-top:16px;padding-top:15px;display:flex}.person-actions .button{flex:1}.progress{background:#edf3ee;border-radius:3px;height:5px;margin:13px 0 8px;overflow:hidden}.progress-fill{background:#94b39b;border-radius:3px;max-width:100%;height:100%}.report-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:24px;display:grid}.report-card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:21px}.report-card>h3{color:#6b8673;margin-bottom:13px;font-size:12px;font-weight:500}.report-card>strong{color:#41624c;letter-spacing:-.5px;font-size:29px;font-weight:500;line-height:1.5}.report-card>p{color:#a2afa5;margin-top:3px;font-size:10px}.detail-list{gap:0;display:grid}.detail-row{color:#98a69a;border-bottom:1px solid #f1f4f1;justify-content:space-between;align-items:center;gap:14px;padding:10px 0;font-size:11px;display:flex}.detail-row:last-child{border:0}.detail-row strong{color:#6c8471;font-size:12px;font-weight:500}.total-row{color:#52725b;border-top:1px solid #e9eeea;justify-content:space-between;align-items:center;gap:15px;margin-top:8px;padding-top:15px;font-size:12px;font-weight:500;display:flex}.total-row strong{letter-spacing:-.4px;font-size:21px;font-weight:500}.transaction-card{border-bottom:1px solid #eff3ef;align-items:center;gap:12px;padding:14px 0;display:flex}.transaction-card:last-child{border:0}.transaction-card .avatar{color:#8aa492;background:#f1f6f1;width:36px;height:36px}.transaction-meta{color:#67816f;flex:1;min-width:0;font-size:11px}.transaction-meta strong{overflow-wrap:anywhere;font-weight:500;display:block}.transaction-meta small{color:#a7b2a9;font-size:9px;display:block}.bottom-nav{display:none}.fab{z-index:29;bottom:91px;background:var(--primary);color:#fff;border:0;border-radius:17px;place-items:center;width:51px;height:51px;display:grid;position:fixed;box-shadow:0 7px 20px #14584730}.fab:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:20px}.fab:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:20px}.fab:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:20px}.fab:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:20px}.toast{z-index:120;color:#f5fcf5;background:#224c37;border:1px solid #315d43;border-radius:12px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:13px 22px;font-size:12px;animation:.22s toast-in;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 9px 36px #183c2520}.toast svg{flex-shrink:0;width:17px;height:17px}.toast.error{background:#9d564b;border-color:#a4655b}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#18382a52;justify-content:center;align-items:center;padding:28px;animation:.15s fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:#fff;border-radius:19px;flex-direction:column;width:550px;max-width:100%;max-height:90dvh;animation:.2s modal-in;display:flex;overflow:hidden;box-shadow:0 24px 90px #15332226}.modal.wide{width:750px}.modal-header{border-bottom:1px solid #edf2ed;flex-shrink:0;justify-content:space-between;align-items:center;gap:15px;padding:21px 25px 17px;display:flex}.modal-header h2{color:#2e513a;font-size:18px;font-weight:500;line-height:1.5}.modal-header p{color:#a0afa4;margin-top:4px;font-size:10px}.modal-body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#d9e4dc transparent;min-height:0;padding:22px 25px;overflow-y:auto}.modal-footer{background:#fff;border-top:1px solid #edf2ed;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;padding:15px 25px;display:flex}.modal-footer .button{min-width:110px}.close-button{background:#f4f7f4;border:0;border-radius:50%;width:31px;height:31px}.close-button svg{width:16px;height:16px}.cart-item{background:#fcfdfb;border:1px solid #e7eee7;border-radius:11px;margin-bottom:11px;padding:13px}.cart-line{grid-template-columns:minmax(0,1fr) 95px 105px 29px;align-items:end;gap:10px;display:grid}.cart-product{min-width:0}.cart-product .input{min-height:39px;padding:8px 9px;font-size:11px}.cart-actions{color:#8ea292;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:10px;display:flex}.cart-total{color:#6d8a72;background:#f0f6ef;border:1px solid #e5eee2;border-radius:10px;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;padding:13px 15px;font-size:11px;display:flex}.cart-total strong{letter-spacing:-.5px;color:#325f40;font-size:24px;font-weight:500}.cart-total small{color:#8fa392;font-size:10px}.payment-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 17px;display:grid}.payment-option{color:#8b9d8d;background:#fff;border:1px solid #e3eae2;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:41px;padding:8px 5px;font-size:10px;line-height:1.6;display:flex}.payment-option svg{width:15px;height:15px}.payment-option.selected{color:#527d5b;background:#eef6ee;border-color:#a7c1a8}.payment-summary{color:#97a597;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;font-size:10px;display:flex}.payment-number{color:#6a8a70;font-size:13px;font-weight:500}.info-box{color:#8ba08e;background:#f3f7f4;border:1px solid #e7eee7;border-radius:10px;gap:10px;margin:14px 0;padding:12px 14px;font-size:10px;line-height:1.9;display:flex}.info-box svg{flex-shrink:0;width:17px;height:17px;margin-top:2px}.settings-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;display:grid}.settings-card{border:1px solid var(--border);background:#fff;border-radius:15px;padding:23px}.settings-card h3{color:#577560;margin-bottom:17px;font-size:15px;font-weight:500}.settings-card>p{color:#9ca99e;margin-bottom:19px;font-size:11px;line-height:1.9}.settings-card .button{margin-top:19px}.checkbox-label{color:#829785;cursor:pointer;align-items:center;gap:8px;font-size:11px;display:flex}.mobile-only{display:none!important}.desktop-only{display:initial}.loading-screen{background:var(--background);color:#718e77;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;font-size:12px;display:flex}.loading-screen .brand-mark{border-radius:17px;width:54px;height:54px}.spinner{border:2px solid #dfeae0;border-top-color:#5e8d68;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.offline-banner{color:#ad8c57;background:#fff3df;border:1px solid #f0e1c6;border-radius:10px;justify-content:center;align-items:center;gap:10px;margin-bottom:19px;padding:11px 15px;font-size:11px;display:flex}.skeleton{background:linear-gradient(90deg,#edf2ee 25%,#f6f8f5 50%,#edf2ee 75%) 0 0/200% 100%;border-radius:7px;animation:1.8s infinite shimmer}.content-loading{opacity:.5;pointer-events:none}.muted{color:#9aa79d}.text-green{color:#658c6c}.text-red{color:#bd6d61}.text-right{text-align:right}.nowrap{white-space:nowrap}.full-width{width:100%}.space-top{margin-top:20px}.space-bottom{margin-bottom:20px}.scrim{display:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@media (min-width:1500px){.content{padding-top:32px}.hero{min-height:223px}.hero-title{font-size:30px}.stats-grid{gap:19px}.stat-card{padding:21px 21px 17px}.stat-value{font-size:29px}.stat-icon{top:19px}.stat-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:20px}.stat-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:20px}.stat-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:20px}.stat-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:20px}.inventory-grid{gap:19px}}@media (max-width:1200px){.sidebar{width:216px;padding-inline-start:13px;padding-inline-end:13px}.workspace{margin-inline-start:216px}.topbar,.content{padding-inline-start:26px;padding-inline-end:26px}.stat-card{padding:16px 13px 13px}.stat-value{font-size:23px}.stat-icon{width:30px;height:30px}.stat-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.stat-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.stat-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.stat-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.stat-label{font-size:10px}.hero-visual{width:200px;height:158px}.hero-title{font-size:25px}.hero{padding:24px}.grid-main{grid-template-columns:minmax(0,1.6fr) minmax(245px,1fr);gap:16px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.person-card{padding:18px}.search-box{min-width:175px}}@media (max-width:1020px){.sidebar{width:195px;padding-inline-start:10px;padding-inline-end:10px}.workspace{margin-inline-start:195px}.brand{gap:9px;padding-inline-start:8px;padding-inline-end:8px}.brand-mark{border-radius:11px;width:37px;height:37px}.brand-name{font-size:21px}.brand-caption{font-size:9px}.nav-item{gap:10px;padding-inline-start:11px;padding-inline-end:11px;font-size:12px}.content,.topbar{padding-inline-start:22px;padding-inline-end:22px}.hero{min-height:192px}.hero-title{font-size:23px}.hero-visual{width:160px;height:145px}.hero-copy{max-width:69%}.hero-metric{padding:6px 9px;font-size:8px}.hero-metric:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-12px}.hero-metric:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-12px}.hero-metric:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-12px}.hero-metric:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-12px}.hero-metric strong{font-size:14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.stat-card{padding:17px 18px 14px}.stat-icon{width:33px;height:33px;top:17px}.stat-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:17px}.stat-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:17px}.stat-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:17px}.stat-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:17px}.stat-label{font-size:11px}.stat-value{font-size:27px}.inventory-grid{gap:11px}.tank-card{padding:14px 13px 12px}.tank-number{font-size:24px}.tank-top{gap:5px}.tank-top h3{gap:6px;font-size:11px}.tank-icon{width:25px;height:25px}.tank-meta,.tank-footer{font-size:8px}.grid-main{grid-template-columns:1fr}.grid-main>.panel{height:auto}.payment-chart{grid-template-columns:150px 1fr;align-items:center;gap:30px;padding:23px;display:grid}.payment-chart .donut{margin:0 auto}.search-box{display:none}.report-grid{gap:12px}.report-card{padding:17px}.report-card>strong{font-size:24px}.settings-grid{grid-template-columns:1fr}.two-col{gap:16px}.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}.page-title{font-size:24px}.page-head{align-items:center}}@media (max-width:760px){body{font-size:13px}.sidebar{z-index:70;width:255px;padding:26px 19px 25px;transition:transform .25s;transform:translate(100%);box-shadow:-10px 0 40px #183c2510}.sidebar.open{transform:translate(0)}.sidebar .brand{padding-bottom:28px}.brand-name{font-size:24px}.brand-caption{font-size:10px}.brand-mark{border-radius:13px;width:42px;height:42px}.nav-item{gap:12px;min-height:47px;padding-inline-start:14px;padding-inline-end:14px;font-size:13px}.nav-label{padding-inline-start:14px;padding-inline-end:14px;font-size:10px}.sidebar-foot{padding-top:20px}.scrim{z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#142e2159;border:0;display:block;position:fixed;top:0;bottom:0;left:0;right:0}.workspace{min-height:100dvh;margin:0}.topbar{gap:12px;height:66px;padding:0 20px}.topbar-title{gap:10px;font-size:13px}.topbar-left{gap:11px}.mobile-menu{background:0 0;border:0;width:29px;height:35px;margin-inline-start:-6px;display:inline-grid}.mobile-menu svg{width:21px;height:21px}.topbar .avatar{border-radius:10px;width:33px;height:33px;font-size:10px}.icon-button{border-radius:10px;width:34px;height:34px}.live-label{gap:6px;font-size:9px}.content{padding:23px 20px 106px}.page-head{align-items:flex-start;gap:12px;margin-bottom:20px}.page-title{font-size:24px;line-height:1.5}.eyebrow{font-size:9px}.page-subtitle{margin-top:3px;font-size:10px;line-height:1.8}.page-actions{justify-content:flex-end;gap:7px}.page-actions .button{min-height:36px;padding:8px 11px;font-size:10px}.page-actions .button svg{width:14px;height:14px}.page-actions .date-control{min-height:35px;padding-inline-start:9px;padding-inline-end:9px;font-size:9px}.page-actions .date-control input{max-width:108px;font-size:9px}.demo-banner{gap:10px;margin-bottom:18px;padding:10px 12px;font-size:10px}.banner-copy{gap:5px;line-height:1.8}.banner-copy svg{display:none}.banner-actions .button{min-height:31px;padding:6px 8px;font-size:9px}.hero{border-radius:16px;gap:8px;min-height:194px;margin-bottom:18px;padding:23px 21px}.hero-copy{max-width:70%}.hero-title{letter-spacing:-.6px;font-size:23px;line-height:1.55}.hero-subtitle{max-width:240px;font-size:9px;line-height:1.85}.hero-pill{margin-bottom:9px;padding:2px 8px;font-size:8px}.hero-visual{opacity:.8;width:130px;height:136px;position:absolute;bottom:26px}.hero-visual:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.hero-visual:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.hero-visual:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.hero-visual:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.hero-metric{display:none}.hero-actions{gap:8px;margin-top:14px}.hero-actions .button{border-radius:8px;min-height:33px;padding:7px 11px;font-size:9px}.hero-actions .button svg{width:13px;height:13px}.stats-grid{gap:12px;margin-bottom:23px}.stat-card{border-radius:13px;padding:15px 14px 12px}.stat-icon{border-radius:8px;width:29px;height:29px;top:13px}.stat-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.stat-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.stat-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.stat-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.stat-icon svg{width:15px;height:15px}.stat-label{min-height:23px;padding-inline-end:30px;font-size:10px}.stat-value{gap:5px;margin-top:5px;font-size:26px}.stat-value small{font-size:9px}.stat-foot{gap:4px;margin-top:8px;font-size:8px}.stat-indicator{padding:1px 3px;font-size:8px}.section-title{font-size:14px}.section-subtitle{font-size:9px}.section-head{gap:10px;margin-bottom:12px}.text-link{font-size:9px}.inventory-grid{grid-template-columns:1fr;gap:12px;margin-bottom:23px}.tank-card{border-radius:13px;grid-template-columns:1fr auto;align-items:center;gap:0 15px;padding:15px 17px;display:grid}.tank-top{margin:0;display:block}.tank-top h3{gap:8px;font-size:12px}.tank-top>.badge{margin-top:6px;margin-inline-start:35px;font-size:8px}.tank-icon{border-radius:8px;width:27px;height:27px}.tank-number{text-align:end;grid-area:1/2;font-size:27px}.tank-unit{font-size:9px}.tank-track{grid-column:1/-1;height:5px;margin-top:13px}.tank-meta{grid-column:1/-1;margin-top:6px;font-size:8px}.tank-footer{grid-column:1/-1;margin-top:10px;padding-top:9px;font-size:9px}.grid-main{gap:17px;margin-bottom:20px}.panel{border-radius:14px}.panel-head{padding:16px 17px 13px}.panel-head .section-title{font-size:12px}.panel-body{padding:17px}.table-wrap table{min-width:570px}.table-wrap th{padding:10px 15px;font-size:9px}.table-wrap td{padding:13px 15px;font-size:10px}.table-cell-title{font-size:10px}.table-cell-sub{font-size:8px}.payment-chart{grid-template-columns:128px 1fr;gap:20px;padding:21px 18px}.donut{width:125px;height:125px}.donut:before{top:11px;bottom:11px;left:11px;right:11px}.donut-center strong{font-size:20px}.legend{gap:10px}.legend-row{gap:6px;font-size:9px}.legend-row small{font-size:8px}.legend-value{font-size:10px}.mini-chart{padding-top:17px}.chart-bars{gap:11px;height:145px}.balance-strip{margin-top:34px;padding-top:14px}.balance-item{font-size:8px}.balance-item strong{font-size:14px}.filters{align-items:stretch;gap:11px;margin-bottom:16px}.filter-tabs{flex:1;min-width:0}.filter-tab{flex:1;min-height:32px;padding:6px 11px;font-size:10px}.search-input{width:100%;min-width:0;padding-inline-start:11px;padding-inline-end:11px}.search-input input{padding:9px 0;font-size:10px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person-card{border-radius:13px;padding:15px}.person-head{flex-wrap:wrap;align-items:flex-start;gap:8px}.person-head .avatar{border-radius:10px;width:33px;height:33px;font-size:11px}.person-head .badge{align-self:center;padding:2px 5px;font-size:8px}.person-name{font-size:11px}.person-role{font-size:9px}.person-balance{margin-top:19px;font-size:24px}.person-balance small{font-size:9px}.person-meta{flex-wrap:wrap;gap:8px;margin-top:11px;font-size:9px}.person-actions{flex-wrap:wrap;gap:6px;margin-top:13px;padding-top:12px}.person-actions .button{min-height:31px;padding:6px 8px;font-size:9px}.person-actions .button svg{width:12px;height:12px}.report-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.report-card{grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:17px 19px;display:grid}.report-card>h3{margin:0;font-size:11px}.report-card>strong{grid-area:1/2/3;font-size:26px}.report-card>p{margin-top:2px;font-size:9px}.report-card .detail-list,.report-card .total-row{grid-column:1/-1}.two-col,.three-col{grid-template-columns:1fr;gap:17px}.detail-row{padding:9px 0;font-size:10px}.detail-row strong,.total-row{font-size:11px}.total-row strong{font-size:20px}.settings-grid{gap:17px}.settings-card{border-radius:14px;padding:19px}.settings-card h3{margin-bottom:16px;font-size:14px}.settings-card>p{margin-bottom:17px;font-size:10px}.settings-card .form-grid{grid-template-columns:1fr}.settings-card .button{margin-top:17px}.bottom-nav{bottom:0;z-index:45;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:7px 9px calc(9px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid #e6ede7;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;left:0;right:0;box-shadow:0 -5px 20px #214c3003}.bottom-item{color:#a1aea3;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:45px;padding:5px 2px 3px;font-size:8px;display:flex}.bottom-item svg{stroke-width:1.65px;width:20px;height:20px}.bottom-item.active{color:var(--primary);background:#f0f6ee;font-weight:500}.bottom-item.active svg{stroke-width:1.9px}.toast{border-radius:11px;width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;font-size:11px;bottom:90px}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#173b2a5e;align-items:flex-end;padding:0}.modal,.modal.wide{border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:92dvh;animation:.22s modal-in;box-shadow:0 -12px 60px #142e2226}.modal-header{padding:20px 20px 15px}.modal-header h2{font-size:17px}.modal-header p{margin-top:3px;font-size:9px}.modal-body{padding:19px 20px 22px}.modal-footer{padding:13px 20px calc(13px + env(safe-area-inset-bottom));gap:9px}.modal-footer .button{flex:1;min-width:0;min-height:43px;font-size:12px}.modal-footer .button.ghost,.modal-footer .button.secondary{flex:.65}.close-button{width:30px;height:30px}.form-grid{gap:15px 12px}.field-label{font-size:10px}.input{border-radius:9px;min-height:44px;padding:10px 11px;font-size:13px}.input::placeholder{font-size:11px}.form-hint{font-size:9px}.form-section{margin-top:20px;padding-top:18px}.form-section h3{margin-bottom:12px;font-size:12px}.cart-item{border-radius:11px;margin-bottom:10px;padding:12px}.cart-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 29px;gap:10px 9px}.cart-product:first-child{grid-column:1/3}.cart-line>.icon-button{color:#b98376;background:#fff5f2;border-color:#f3e5df;border-radius:8px;grid-area:1/3;align-self:end;width:29px;height:38px}.cart-line>.field:nth-child(2){grid-area:2/1}.cart-line>.field:nth-child(3){grid-area:2/2}.cart-product .input{min-height:42px;padding:9px;font-size:12px}.cart-actions{margin-top:9px;font-size:9px}.cart-total{margin-top:14px;padding:12px 14px;font-size:10px}.cart-total strong{font-size:23px}.payment-options{gap:7px;margin:11px 0 15px}.payment-option{flex-direction:column;gap:4px;min-height:42px;padding:6px 4px;font-size:9px}.payment-option svg{width:15px;height:15px}.payment-summary{font-size:9px}.info-box{gap:8px;margin-block-start:13px;margin-block-end:13px;padding:11px 12px;font-size:9px;line-height:1.9}.info-box svg{width:15px;height:15px}.empty-state{min-height:210px;padding:35px 22px}.empty-state h3{font-size:14px}.empty-state p{font-size:10px}.empty-icon{border-radius:14px;width:47px;height:47px}.offline-banner{align-items:flex-start;padding:10px 12px;font-size:10px;line-height:1.85}.offline-banner svg{flex-shrink:0;margin-top:2px}.mobile-only{display:initial!important}.desktop-only{display:none!important}}@media (max-width:430px){.topbar{padding-inline-start:17px;padding-inline-end:17px}.content{padding:20px 16px 102px}.page-title{font-size:22px}.page-head{gap:10px}.page-actions .date-control{display:none}.page-actions .button{padding-inline-start:10px;padding-inline-end:10px}.hero{min-height:195px;padding:21px 19px}.hero-copy{max-width:75%}.hero-title{font-size:22px}.hero-subtitle{max-width:220px;font-size:9px}.hero-visual{opacity:.6;width:112px;height:122px;bottom:30px}.hero-visual:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.hero-visual:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:6px}.hero-visual:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.hero-visual:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:6px}.hero-actions .button{padding-inline-start:10px;padding-inline-end:10px;font-size:9px}.stats-grid{gap:10px}.stat-card{padding:14px 12px 11px}.stat-icon{width:27px;height:27px;top:13px}.stat-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:11px}.stat-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:11px}.stat-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:11px}.stat-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:11px}.stat-icon svg{width:14px;height:14px}.stat-label{padding-inline-end:25px;font-size:9px}.stat-value{font-size:25px}.stat-foot{gap:3px;font-size:8px}.stat-value small{font-size:8px}.demo-banner{padding:10px;font-size:9px}.banner-actions .button{min-height:30px;padding:6px 8px;font-size:9px}.badge{font-size:8px}.payment-chart{grid-template-columns:115px 1fr;gap:15px;padding:20px 16px}.donut{width:113px;height:113px}.donut:before{top:10px;bottom:10px;left:10px;right:10px}.donut-center strong{font-size:19px}.legend-row{gap:5px;font-size:9px}.legend-row small{display:none}.cards-grid{gap:11px}.person-card{padding:14px}.person-head .avatar{border-radius:9px;width:31px;height:31px}.person-name{font-size:11px}.person-balance{font-size:23px}.person-head .badge{margin:3px 0 0}.person-actions .button{padding-inline-start:6px;padding-inline-end:6px;font-size:9px}.filter-tab{padding-inline-start:9px;padding-inline-end:9px}.modal-header,.modal-body,.modal-footer{padding-inline-start:17px;padding-inline-end:17px}.modal-header h2{font-size:16px}.form-grid{gap:14px 11px}.cart-line{column-gap:9px}.cart-product .input{font-size:11px}.field-label{font-size:10px}.payment-options{gap:6px}.payment-option{font-size:8px}}@media (max-width:350px){.content{padding-inline-start:13px;padding-inline-end:13px}.topbar{padding-inline-start:14px;padding-inline-end:14px}.live-label{display:none}.hero-copy{max-width:85%}.hero-title{font-size:21px}.hero-visual{opacity:.35}.hero-visual:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.hero-visual:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.hero-visual:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.hero-visual:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.page-actions .button{padding:7px 8px;font-size:9px}.stats-grid{gap:9px}.stat-label{font-size:8px}.stat-value{font-size:23px}.stat-icon{width:24px;height:24px}.stat-foot{font-size:7px}.cards-grid{grid-template-columns:1fr}.person-head .badge{margin-inline-start:auto}.payment-chart{grid-template-columns:104px 1fr;gap:12px}.donut{width:104px;height:104px}.legend-value{font-size:9px}.demo-banner{align-items:flex-start}.banner-copy{max-width:66%}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.cart-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 29px}.payment-options{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-option{flex-direction:row;font-size:9px}.bottom-item{font-size:7px}}@media print{body{background:#fff}.sidebar,.topbar,.bottom-nav,.fab,.demo-banner,.page-actions,.toast,.filters,.modal-backdrop{display:none!important}.workspace{margin:0}.content{max-width:none;padding:0}.panel,.stat-card,.tank-card,.report-card,.person-card{break-inside:avoid;box-shadow:none}.table-wrap{overflow:visible}.table-wrap table{min-width:0}.hero{color:#294a32;-webkit-print-color-adjust:exact;-moz-print-color-adjust:exact;print-color-adjust:exact;background:#f0f5ef}.hero-subtitle{color:#697f6d}.hero-visual,.hero-actions{display:none}.page-title,.stat-value{font-size:24px}.grid-main{grid-template-columns:1fr}.payment-chart{gap:35px;display:flex}.donut{margin:0}.legend{min-width:180px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--muted:#718078;--secondary:#63736a}body{font-size:14px}.brand-period{color:#81b48c;margin-inline-start:1px}.brand-caption{color:#7a8b80;font-size:11px}.nav-label{color:#7d8d82;font-size:11px}.nav-item{color:#6b7b72}.nav-arrow{color:#50795d;margin-inline-start:auto}.nav-count{font-size:11px}.sidebar-help{background:#f7faf5;border:1px solid #e6eee3;border-radius:13px;flex-direction:column;align-items:flex-start;gap:7px;margin:27px 9px 22px;padding:17px 14px 15px;display:flex}.help-symbol{color:#6e9574;background:#edf4e8;border-radius:10px;place-items:center;width:33px;height:33px;margin-bottom:2px;display:grid}.sidebar-help strong{color:#53785d;font-size:12px;font-weight:500}.sidebar-help p{color:#7c8e80;font-size:11px;line-height:1.9}.sidebar-help .text-link{margin-top:3px;font-size:11px}.sidebar-foot{padding-inline-start:5px;padding-inline-end:5px;font-size:11px}.sidebar-foot>div>span{white-space:nowrap;text-overflow:ellipsis;color:#7c8e80;max-width:125px;display:block;overflow:hidden}.sidebar-foot .icon-button{background:0 0;border:0;width:28px;height:30px;margin-inline-start:auto}.header-avatar{color:#5f8266;background:#f0f5ec;border:1px solid #e4ebdf;border-radius:11px;flex-shrink:0;place-items:center;width:35px;height:35px;font-size:13px;font-weight:500;display:grid}.topbar-separator{color:#c4cdc7;font-size:17px;font-weight:400}.topbar-breadcrumb{color:#7b8b81;font-size:12px;font-weight:400}.notification-button i{box-sizing:content-box;background:#d9af60;border:2px solid #fff;border-radius:50%;width:6px;height:6px;display:block;position:absolute;top:7px;right:8px}.search-box,.search-box input{font-size:12px}.search-box input::placeholder{color:#89978e}.search-box .icon-button{background:0 0;border:0;width:21px;height:23px}.page-subtitle,.section-subtitle{color:#718078;font-size:12px;line-height:1.9}.eyebrow{color:#74867b;font-size:11px}.button{min-height:42px;font-size:13px}.button.small{min-height:36px;padding:7px 11px;font-size:12px}.date-control{color:#61786a;min-height:39px;font-size:12px}select.date-control{width:auto;min-width:118px;padding-block-start:7px;padding-block-end:7px;padding-inline-start:11px;padding-inline-end:29px}input.date-control{width:auto;max-width:170px}.badge{padding:3px 8px;font-size:11px}.badge.green{color:#447e53;background:#ebf5eb}.badge.amber{color:#9b7434;background:#faf3e4}.badge.blue{color:#587ea9;background:#edf3fb}.badge.gray{color:#718078;background:#f0f4f0}.badge.red{color:#af6157;background:#fff0ed}.demo-banner{color:#69785e;font-size:12px}.banner-actions .button{font-size:11px}.hero{min-height:225px}.hero-title{font-size:29px}.hero-subtitle{color:#c0d8c9;font-size:12px;line-height:1.9}.hero-pill{color:#d0e5d6;font-size:11px}.hero-actions .button{color:#28583c;background:#dfeecf;border-color:#dfeecf;font-size:12px;font-weight:500}.hero-actions .button:hover{background:#eef7e5;border-color:#eef7e5}.hero-actions .button.ghost{color:#d2e5d6;background:0 0;border-color:#0000}.hero-actions .button.ghost:hover{background:#ffffff0b}.hero-metric{bottom:1px;white-space:nowrap;color:#d1e7d7;align-items:center;gap:7px;padding:8px 13px;font-size:11px;display:flex}.hero-metric:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-10px}.hero-metric:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:-10px}.hero-metric:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-10px}.hero-metric:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:-10px}.stat-card-top{justify-content:space-between;align-items:flex-start;gap:10px;min-height:36px;display:flex}.stat-card-top .stat-label{flex:1;padding:0}.stat-card-top .stat-icon{flex-shrink:0;position:static}.stat-label{color:#718078;min-height:25px;font-size:12px;line-height:1.7}.stat-value{gap:5px;font-size:28px}.stat-value small,.money-currency{color:#76877b;letter-spacing:0;white-space:nowrap;font-size:11px;font-weight:400}.stat-foot{color:#7d8c82;gap:6px;font-size:11px;line-height:1.7}.stat-indicator{color:#628e6a;background:#edf6ed;font-size:10px}.section-title{font-size:16px}.panel-head .section-title{font-size:15px}.text-link{color:#5a8265;min-height:32px;font-size:12px}.tank-top{margin-bottom:10px}.tank-name{color:#4e6c57;margin-bottom:4px;font-size:14px;font-weight:500;line-height:1.7}.tank-icon{border-radius:10px;width:35px;height:35px}.tank-icon svg{width:19px;height:19px}.tank-icon.gasoline{color:#81a0b7;background:#eff4f8}.tank-icon.oil{color:#baaa75;background:#faf5e9}.tank-number{font-size:29px}.tank-unit{color:#7c8d81;font-size:12px}.tank-meta{color:#7e8f82;font-size:11px}.tank-footer{color:#7c8c80;gap:8px;font-size:11px}.tank-footer>strong{color:#56715b;align-items:baseline;gap:4px;margin-inline-start:auto;font-size:13px;display:flex}.tank-footer .icon-button{color:#7d9a80;background:#f3f7f1;border:0;border-radius:7px;width:27px;height:28px}.stock-alert{color:#a48750;text-align:start;background:#fff9ed;border:1px solid #eedfbe;border-radius:10px;align-items:center;gap:10px;width:100%;margin:-7px 0 24px;padding:11px 15px;font-size:12px;line-height:1.8;display:flex}.stock-alert span{flex:1}.stock-alert svg{flex-shrink:0}.table-wrap th{color:#7c8c81;font-size:11px}.table-wrap td{color:#5d7464;font-size:12px}.table-cell-title{font-size:12px}.table-cell-sub{color:#819085;margin-top:2px;font-size:11px}.table-actions{align-items:center;gap:7px;display:flex}.table-actions .button{min-height:33px;font-size:11px}.payment-chart{justify-content:center;align-items:center;padding:4px 0 16px;display:flex}.payment-chart .donut{width:146px;height:146px;margin:0}.donut-center{color:#7b8e80;font-size:11px}.donut-center strong{color:#3a6348;font-size:24px}.donut-center small{font-size:11px}.legend{gap:12px}.legend-row{color:#657e6d;justify-content:space-between;font-size:12px}.legend-row>span{align-items:center;gap:8px;display:inline-flex}.legend-row>strong{color:#536f5d;align-items:baseline;gap:5px;font-weight:500;display:flex}.legend-dot{border-radius:3px;width:8px;height:8px}.balance-strip{border:1px solid var(--border);background:#fff;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin:0;padding:17px 20px;display:flex}.balance-item{text-align:start;color:#788d7e;border:0;flex:1;justify-content:flex-start;align-items:center;gap:11px;padding:0;font-size:11px;display:flex}.balance-item>svg{color:#8ba991;flex-shrink:0;width:20px;height:20px}.balance-item strong{color:#5a7b63;align-items:baseline;gap:5px;font-size:17px;display:flex}.balance-strip>.text-link{flex-shrink:0}.filter-tab{color:#718078;font-size:12px}.search-input input{font-size:12px}.field-label{color:#637e6a;font-size:13px}.input{color:#476552;min-height:44px;font-size:14px}.input::placeholder{color:#8f9f93;font-size:12px}.form-hint{color:#7e9082;font-size:11px;line-height:1.9}.form-section h3{font-size:14px}.error-text,.success-text{font-size:12px}.info-box{color:#6d8675;font-size:12px}.detail-row{color:#748b7b;font-size:12px}.detail-row strong{color:#56735f;font-size:13px}.total-row{font-size:13px}.total-row strong{font-size:23px}.person-head{gap:10px}.person-head>.icon-button{margin-inline-start:auto}.person-name{font-size:14px}.person-role{color:#7a8f81;font-size:12px}.person-balance{letter-spacing:0;flex-direction:column;align-items:flex-start;gap:5px;margin-top:20px;font-size:12px;display:flex}.person-balance>span{color:#7e9285;font-size:12px;font-weight:400}.person-balance>strong{letter-spacing:-.5px;color:#42694e;align-items:baseline;gap:5px;font-size:28px;font-weight:500;line-height:1.4;display:flex}.person-balance small{font-size:11px}.person-meta{color:#748b7b;font-size:11px}.person-actions .button{min-height:38px;font-size:11px}.app-footer{color:#8b9b8e;justify-content:space-between;align-items:center;gap:15px;padding-top:31px;font-size:11px;display:flex}.app-footer>span:last-child{white-space:nowrap;align-items:center;gap:8px;display:flex}.help-steps{color:#667f6e;margin:15px 0 11px;padding-inline-start:22px;font-size:13px;line-height:2.25}.settings-grid .panel-body>p{color:#708577;font-size:14px;line-height:2}.settings-grid .panel-body>.button{margin-top:16px}.settings-grid .panel-body>p.form-hint{font-size:12px}.modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-body{flex:1}.modal-body>.field{margin-top:16px}.modal-body>.field:first-child{margin-top:0}.modal-body .form-grid+.field{margin-top:17px}.modal-header h2{font-size:19px}.modal-header p{font-size:12px}.cart-product{align-items:flex-end;gap:10px;margin-bottom:13px;display:flex}.cart-product>.field{flex:1;min-width:0}.cart-product>.icon-button{color:#be8a76;background:#fff6f1;border-color:#f3e5dd;border-radius:8px;width:34px;height:42px}.cart-product .field-label{font-size:12px}.cart-product .input{min-height:43px;font-size:14px}.cart-line{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px}.cart-line>.field:nth-child(2),.cart-line>.field:nth-child(3){grid-area:auto}.cart-line-total{flex-direction:column;justify-content:center;gap:6px;min-height:68px;padding:0 8px;display:flex}.cart-line-total>span{color:#7d9284;font-size:12px}.cart-line-total>strong{color:#537a5d;flex-wrap:wrap;align-items:baseline;gap:4px;font-size:19px;font-weight:500;line-height:1.5;display:flex}.cart-total{font-size:13px}.cart-total strong{align-items:baseline;gap:5px;display:flex}.payment-option{min-height:44px;font-size:12px}.payment-summary{color:#718a78;font-size:12px}.payment-summary strong{font-size:18px;font-weight:500}.receipt-brand{text-align:center;color:#54785d;border-bottom:1px dashed #dce6dc;flex-direction:column;align-items:center;gap:5px;margin-bottom:15px;padding-bottom:19px;display:flex}.receipt-brand h3{font-size:22px;font-weight:600}.receipt-brand p{color:#718978;font-size:13px}.receipt-brand small{color:#839587;font-size:11px}.receipt>.table-wrap table{min-width:440px}.receipt>p{color:#718978;margin-top:13px;font-size:12px}.receipt>.button{margin-top:18px}.content-loading{opacity:1;pointer-events:none;color:#7b9482;flex-direction:column;justify-content:center;align-items:center;gap:17px;min-height:60vh;font-size:14px;display:flex}.empty-state p{color:#7e9283;font-size:12px}.empty-state>strong{color:#5a7c63;font-size:15px;font-weight:500}.loading-screen{font-size:14px}.toast{font-size:13px}@media (max-width:1200px){.hero-title{font-size:27px}.hero-subtitle{font-size:12px}.stat-value{font-size:26px}.stat-label{font-size:12px}.stat-card-top{min-height:40px}.tank-card{padding-inline-start:15px;padding-inline-end:15px}.tank-name{font-size:14px}.tank-meta,.tank-footer{font-size:11px}.person-balance>strong{font-size:26px}}@media (max-width:1020px){.sidebar{width:210px}.workspace{margin-inline-start:210px}.brand-caption{font-size:10px}.sidebar-help{margin-inline-start:7px;margin-inline-end:7px;padding:14px 11px}.sidebar-help strong,.sidebar-help p{font-size:11px}.nav-item{font-size:12px}.hero-copy{max-width:70%}.hero-title{font-size:26px}.hero-subtitle{max-width:310px}.hero-visual{width:155px}.stat-card-top{min-height:35px}.payment-chart{padding:4px 0 18px;display:flex}.payment-chart .donut{margin:0}.balance-strip{flex-wrap:wrap;gap:15px}.balance-item{min-width:200px}.balance-strip>.text-link{margin-inline-start:auto}.panel-head .section-title{font-size:14px}.tank-footer{flex-wrap:wrap}.tank-footer strong{font-size:12px}.tank-number{font-size:27px}.settings-grid .panel-body>p{font-size:14px}}@media (max-width:760px){body{font-size:14px}.sidebar{width:264px}.workspace{margin:0}.sidebar-help{margin:27px 9px 22px;padding:17px 14px 15px}.sidebar-help strong{font-size:13px}.sidebar-help p{font-size:12px}.nav-item{min-height:48px;font-size:14px}.brand-caption{font-size:11px}.topbar-title{min-width:0;font-size:14px}.topbar-breadcrumb,.topbar-separator{display:none}.header-avatar{width:33px;height:33px;font-size:13px}.topbar-left{gap:9px}.topbar .icon-button{width:36px;height:36px}.content{padding-bottom:116px}.eyebrow{font-size:11px}.page-title{font-size:25px}.page-subtitle{color:#718078;font-size:12px}.page-head{flex-wrap:wrap;align-items:center;row-gap:13px;margin-bottom:21px}.page-head>div:first-child{flex:1;min-width:190px}.page-actions{flex-wrap:wrap;gap:8px}.button,.button.small,.page-actions .button,.banner-actions .button,.person-actions .button{min-height:40px;padding:9px 12px;font-size:12px}.page-actions .button svg{width:16px;height:16px}.date-control,.page-actions .date-control{min-height:40px;font-size:13px}.page-actions .date-control{display:block!important}.date-control.input{font-size:16px}.date-control input{max-width:130px;font-size:16px!important}.demo-banner{align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px;font-size:11px}.banner-copy{flex:1;gap:5px;font-size:11px;line-height:1.8}.banner-copy>.badge{font-size:10px}.banner-actions .button{white-space:normal;max-width:132px;min-height:39px;padding:8px 10px;font-size:11px}.banner-actions .button svg{width:13px;height:13px}.hero{min-height:222px;padding:22px 21px}.hero-copy{max-width:78%}.hero-title{font-size:26px;line-height:1.55}.hero-subtitle{color:#c0d8c9;max-width:265px;font-size:12px;line-height:1.9}.hero-pill{font-size:11px}.hero-visual{opacity:.58;bottom:31px;width:135px;height:145px}.hero-visual:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:2px}.hero-visual:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:2px}.hero-visual:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:2px}.hero-visual:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:2px}.hero-actions{flex-wrap:wrap;gap:7px;margin-top:14px}.hero-actions .button{min-height:40px;padding:9px 11px;font-size:11px}.hero-actions .button svg{width:14px;height:14px}.stats-grid{gap:12px}.stat-card{padding:15px 13px 14px}.stat-card-top{gap:5px;min-height:48px}.stat-label{padding-inline-end:30px;font-size:13px;line-height:1.7}.stat-card-top .stat-label{padding:0;font-size:12px}.stat-card-top .stat-icon{border-radius:9px;width:28px;height:28px}.stat-card-top .stat-icon svg{width:16px;height:16px}.stat-icon{top:15px;width:28px;height:28px}.stat-icon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.stat-icon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.stat-icon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.stat-icon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.stat-value{gap:4px;margin-top:6px;font-size:27px;line-height:1.5}.stat-value small,.money-currency{font-size:11px}.stat-foot{gap:4px;min-height:35px;margin-top:8px;font-size:11px;line-height:1.7}.stat-indicator{font-size:10px}.section-title{font-size:16px}.section-subtitle{font-size:12px}.text-link{min-height:35px;font-size:12px}.inventory-grid{grid-template-columns:1fr;gap:13px}.tank-card{border-radius:14px;padding:17px 18px;display:block}.tank-top{justify-content:space-between;align-items:center;margin:0 0 10px;display:flex}.tank-top>.badge{margin:0;padding:3px 8px;font-size:11px}.tank-name{margin:0 0 5px;font-size:15px;display:inline-block}.tank-icon{border-radius:10px;width:35px;height:35px}.tank-number{text-align:start;font-size:31px;line-height:1.5}.tank-unit{font-size:13px}.tank-track{height:6px;margin-top:12px}.tank-meta{margin-top:7px;font-size:11px}.tank-footer{flex-wrap:nowrap;margin-top:12px;padding-top:11px;font-size:12px}.tank-footer>strong{font-size:14px}.tank-footer .icon-button{width:30px;height:31px}.stock-alert{margin-bottom:22px;padding:11px 13px;font-size:12px}.panel-head .section-title{font-size:15px}.panel-body{padding:18px}.table-wrap th{padding:11px 15px;font-size:11px}.table-wrap td{padding:14px 15px;font-size:13px}.table-cell-title{font-size:13px}.table-cell-sub{font-size:11px}.table-actions .button{min-height:36px;padding:8px 10px;font-size:11px}.payment-chart{justify-content:center;align-items:center;padding:5px 0 23px;display:flex}.payment-chart .donut{width:149px;height:149px;margin:0}.donut:before{top:13px;bottom:13px;left:13px;right:13px}.donut-center{font-size:12px}.donut-center strong{font-size:25px}.donut-center small{font-size:11px}.legend-row{font-size:13px}.legend-row strong{font-size:14px}.legend-row small{font-size:11px;display:inline}.legend{gap:13px}.balance-strip{border-radius:13px;flex-direction:column;align-items:stretch;gap:18px;padding:17px}.balance-item{gap:12px;min-width:0;font-size:12px}.balance-item>svg{width:22px;height:22px}.balance-item strong{font-size:21px}.balance-strip>.text-link{align-self:flex-start;margin:0}.filters{gap:13px}.filter-tab{min-height:39px;padding:8px 11px;font-size:12px}.search-input input{padding:10px 0;font-size:16px}.field-label{color:#637e6a;font-size:13px}.input,.cart-product .input,.modal-body .input{min-height:45px;padding:10px 11px;font-size:16px}.input::placeholder{font-size:13px}.form-hint{color:#7b8e80;font-size:11px}.form-section h3{font-size:14px}.info-box{color:#6d8675;font-size:12px;line-height:1.9}.error-text,.success-text{font-size:12px}.cards-grid{grid-template-columns:1fr;gap:14px}.person-card{border-radius:14px;padding:19px}.person-head{flex-wrap:nowrap;align-items:center;gap:11px}.person-head .avatar{border-radius:12px;width:40px;height:40px;font-size:15px}.person-head .badge{margin:0;margin-inline-start:auto;padding:3px 7px;font-size:11px}.person-name{font-size:15px}.person-role{font-size:12px}.person-balance{gap:5px;margin-top:21px}.person-balance>span{font-size:13px}.person-balance>strong{font-size:29px}.person-balance small,.person-meta{font-size:12px}.person-actions{flex-wrap:nowrap;gap:9px;margin-top:17px;padding-top:15px}.person-actions .button{min-height:42px;padding:9px 12px;font-size:12px}.person-actions .icon-button{width:39px;height:42px}.detail-row{padding:11px 0;font-size:13px}.detail-row strong,.total-row{font-size:14px}.total-row strong{font-size:24px}.report-card>h3{font-size:13px}.report-card>p{font-size:11px}.report-card>strong{font-size:27px}.modal>form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-header{padding:21px 19px 16px}.modal-header h2{font-size:19px}.modal-header p{font-size:12px}.modal-body{flex:1;padding:20px 19px 23px;overflow:auto}.modal-footer{padding:14px 19px calc(14px + env(safe-area-inset-bottom))}.modal-footer .button{min-height:45px;padding:10px 13px;font-size:13px}.modal-body>.field{margin-top:16px}.modal-body>.field:first-child{margin-top:0}.cart-product{align-items:flex-end;gap:9px;margin-bottom:13px;display:flex}.cart-product>.field{flex:1;grid-column:auto;min-width:0}.cart-product>.icon-button{border-radius:8px;width:34px;height:44px}.cart-product .field-label{font-size:12px}.cart-line{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:11px;display:grid}.cart-line>.field:nth-child(2),.cart-line>.field:nth-child(3){grid-area:auto}.cart-line-total{flex-direction:row;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:10px;min-height:0;padding:8px 0 0;display:flex}.cart-line-total>span{font-size:12px}.cart-line-total>strong{font-size:21px}.cart-item{padding:13px}.cart-total{padding:14px;font-size:14px}.cart-total strong{font-size:27px}.payment-options{gap:7px}.payment-option{gap:6px;min-height:49px;padding:9px 5px;font-size:12px}.payment-option svg{width:18px;height:18px}.payment-summary{font-size:12px}.payment-summary strong{font-size:19px}.bottom-nav{padding-top:8px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.bottom-item{gap:4px;min-height:49px;font-size:11px}.bottom-item svg{width:21px;height:21px}.toast{font-size:13px;line-height:1.8;bottom:94px}.app-footer{flex-direction:column;align-items:flex-start;gap:7px;padding-top:29px;font-size:11px}.settings-grid .panel-body>p{font-size:14px}.settings-grid .panel-body>p.form-hint{font-size:12px}.help-steps{font-size:13px;line-height:2.2}.content-loading{min-height:60vh;font-size:14px}.empty-state>strong{font-size:15px}.empty-state p{font-size:12px}.receipt-brand h3{font-size:23px}.receipt-brand p{font-size:14px}.receipt>p{font-size:13px}}@media (max-width:430px){.topbar-title{font-size:14px}.content{padding-inline-start:17px;padding-inline-end:17px}.page-title{font-size:24px}.page-subtitle{font-size:12px}.hero-title{font-size:25px}.hero-copy{max-width:85%}.hero-subtitle{max-width:255px;font-size:12px}.hero-visual{opacity:.3;width:119px}.hero-visual:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.hero-visual:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.hero-visual:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.hero-visual:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.hero-pill{font-size:11px}.hero-actions .button{min-height:40px;padding:9px 11px;font-size:11px}.stat-card{padding:14px 12px}.stat-card-top{min-height:46px}.stat-card-top .stat-label{font-size:12px}.stat-card-top .stat-icon{width:27px;height:27px}.stat-value{font-size:26px}.stat-foot{min-height:38px;font-size:11px}.stat-value small,.money-currency{font-size:11px}.demo-banner{padding:11px;font-size:11px}.banner-copy{font-size:11px}.banner-copy>.badge{font-size:10px}.banner-actions .button{max-width:117px;padding:8px 9px;font-size:11px}.page-actions .button{min-height:40px;font-size:12px}.page-actions .date-control{font-size:16px;display:block!important}.panel-head .section-title{font-size:14px}.section-title{font-size:15px}.section-subtitle{font-size:11px}.text-link{font-size:12px}.payment-chart{padding:4px 0 22px;display:flex}.payment-chart .donut{width:145px;height:145px}.donut-center strong{font-size:25px}.legend-row{font-size:13px}.legend-row strong{font-size:14px}.cards-grid{grid-template-columns:1fr;gap:14px}.person-card{padding:18px}.person-name{font-size:15px}.person-role{font-size:12px}.person-balance>strong{font-size:28px}.person-head .badge{margin:0;margin-inline-start:auto;font-size:11px}.person-actions .button{min-height:42px;padding:9px 10px;font-size:12px}.filter-tab{min-height:39px;padding-inline-start:9px;padding-inline-end:9px;font-size:12px}.modal-header,.modal-body,.modal-footer{padding-inline-start:17px;padding-inline-end:17px}.modal-header h2{font-size:18px}.field-label,.cart-product .field-label{font-size:13px}.input,.cart-product .input,.modal-body .input{font-size:16px}.cart-line{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.cart-line-total{grid-column:1/-1}.payment-option{min-height:49px;font-size:11px}.payment-options{gap:6px}.bottom-item{font-size:11px}.help-steps{font-size:13px}}@media (max-width:350px){.hero-copy{max-width:100%}.hero-title{font-size:24px}.hero-subtitle{font-size:12px}.page-actions .button{min-height:40px;font-size:12px}.stat-card-top .stat-label{font-size:11px}.stat-card-top .stat-icon{width:23px;height:23px}.stat-value{font-size:23px}.stat-foot,.stat-value small,.money-currency{font-size:11px}.cards-grid{grid-template-columns:1fr}.person-name{font-size:14px}.demo-banner{flex-direction:column}.banner-copy{max-width:none}.banner-actions{justify-content:flex-end;width:100%}.banner-actions .button{max-width:none}.form-grid{grid-template-columns:1fr}.cart-line{grid-template-columns:repeat(2,minmax(0,1fr))}.cart-line>.field:nth-child(2){grid-area:auto}.payment-options{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-option{flex-direction:row;min-height:43px;font-size:12px}.bottom-item{font-size:10px}}@media (max-width:760px){.stat-card-top .stat-label,.payment-option,.filter-tab,.button,.button.small,.page-actions .button,.person-actions .button{font-size:13px}.hero-actions .button{font-size:12px}.banner-actions .button{font-size:11px}}@media print{.no-print{display:none!important}body:has(.receipt) .workspace{display:none!important}body:has(.receipt) .sidebar{display:none!important}body:has(.receipt) .modal-backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:0;position:static;top:auto;bottom:auto;left:auto;right:auto;display:block!important}body:has(.receipt) .modal{width:100%;max-width:100%;max-height:none;box-shadow:none;border:0;border-radius:0;display:block;overflow:visible}body:has(.receipt) .modal-header{display:none!important}body:has(.receipt) .modal-body{max-height:none;padding:0;overflow:visible}body:has(.receipt) .table-wrap{overflow:visible}body:has(.receipt) .table-wrap table{white-space:normal;min-width:0}body:has(.receipt) .receipt{max-width:680px;margin:auto}body:has(.receipt){overflow:visible!important}}.brand-mark img{object-fit:contain;border-radius:inherit;background:#fff;width:100%;height:100%}.brand>div:last-child{min-width:0}.brand-name{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}.logo-editor{align-items:center;gap:20px;padding:12px 0 22px;display:flex}.logo-editor>div:last-child{flex:1;min-width:0}.logo-preview{border:1px solid var(--border);width:80px;height:80px;color:var(--primary);background:#f7faf7;border-radius:18px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.logo-preview img{object-fit:contain;width:100%;height:100%}.logo-editor input[type=file]{width:100%;max-width:100%;padding:7px;font-size:12px}.receipt-logo{object-fit:contain;width:80px;height:80px}.settings-grid .panel-body .button{margin-top:18px}.modal-body>.field,.modal-body>.form-grid{margin-bottom:16px}@media (max-width:760px){.logo-editor{align-items:flex-start;gap:13px}.logo-preview{width:65px;height:65px}.brand-name{max-width:155px}.modal-body>.field,.modal-body>.form-grid{margin-bottom:18px}}.mobile-page-search{display:none}.date-control.input{width:auto}.offline-banner{flex-wrap:wrap}.offline-banner .button{flex-shrink:0}.modal>.offline-banner{flex-shrink:0;margin:12px 18px 0}@media (max-width:760px){.mobile-page-search{background:#fff;align-items:center;gap:10px;margin-bottom:20px;display:flex}.mobile-page-search input{background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:16px}.logo-editor input[type=file]{font-size:16px}.page-actions .date-control{font-size:14px!important}.page-head .page-actions{justify-content:flex-start;width:100%}.demo-banner .banner-actions{align-self:center}.modal>.offline-banner{max-height:190px;overflow:auto}}.app-shell:not([data-editable~=sales]) [data-write-module=sales],.app-shell:not([data-editable~=inventory]) [data-write-module=inventory],.app-shell:not([data-editable~=purchases]) [data-write-module=purchases],.app-shell:not([data-editable~=customers]) [data-write-module=customers],.app-shell:not([data-editable~=employees]) [data-write-module=employees],.app-shell:not([data-editable~=expenses]) [data-write-module=expenses],.app-shell:not([data-editable~=settings]) [data-write-module=settings]{display:none!important}.grid-main.single-panel,.stats-grid[data-stats="1"]{grid-template-columns:1fr}.stats-grid[data-stats="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid[data-stats="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.access-role-label{color:#6d8474;align-items:center;gap:6px;font-size:11px;display:inline-flex}.bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.bottom-nav .bottom-item{flex:1}.employee-access-link{margin-inline-start:auto}.sidebar-foot>div{min-width:0}.sidebar-foot strong{text-overflow:ellipsis;white-space:nowrap;max-width:145px;overflow:hidden}@media (max-width:760px){.bottom-nav{display:flex}.stats-grid[data-stats="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.access-role-label{font-size:12px}.person-actions{flex-wrap:wrap}}@media (max-width:350px){.stats-grid[data-stats="2"],.stats-grid[data-stats="3"]{grid-template-columns:1fr}}.customer-account-actions{flex-wrap:wrap;gap:8px}.customer-advance-history{margin-top:24px}.advance-explanation{color:#58745f;background:#f1f7f1;border:1px solid #dceade;border-radius:11px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:13px 15px;font-size:12px;line-height:1.9;display:flex}.advance-explanation svg{flex-shrink:0;margin-top:3px}.customer-advance-history td:last-child{white-space:normal;overflow-wrap:anywhere;max-width:300px}@media (max-width:760px){.customer-account-actions{flex-wrap:wrap}.customer-account-actions .button{flex:40%;min-height:42px}.customer-account-actions .button:last-child{flex-basis:100%}.advance-explanation{padding:13px;font-size:12px;line-height:1.95}.customer-advance-history{margin-top:20px}}.sale-input-mode{background:#f2f7f2;border:1px solid #dce8df;border-radius:10px;gap:5px;max-width:300px;margin:2px 0 15px;padding:4px;display:flex}.sale-input-mode button{color:#67806d;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;min-height:36px;padding:7px 14px;font-size:13px}.sale-input-mode button.selected{color:#245b3b;background:#fff;border-color:#c9decf;font-weight:600;box-shadow:0 2px 5px #245b3b08}.amount-volume-preview{color:#5b7b64;background:#ecf6ed;border:1px solid #dcebdd;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 8px;padding:11px 13px;font-size:12px;display:flex}.amount-volume-preview strong{color:#28583b;font-size:20px;font-weight:600}.amount-rounding-hint{margin-top:5px;line-height:1.8}.cart-item>.error-text{margin-top:7px}@media (max-width:760px){.sale-input-mode{max-width:none;margin-bottom:15px}.sale-input-mode button{min-height:42px;font-size:14px}.amount-volume-preview{padding:12px;font-size:13px}.amount-volume-preview strong{font-size:22px}.amount-rounding-hint{font-size:11px}}