:root{--green:#0e7a5f;--green-2:#0a644e;--green-soft:#e7f5f0;--navy:#17233b;--muted:#748095;--line:#e7eaf0;--bg:#f5f7f8;--white:#fff;--red:#d95050;--amber:#e59a35;--blue:#3c78d8;--shadow:0 14px 38px rgba(28,43,67,.08);font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--navy);background:var(--bg);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden,[hidden]{display:none!important}.receipt-section-body input:disabled{background:#f0f3f2;color:#64716c;cursor:not-allowed}.muted{color:var(--muted)}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:800;color:var(--green);margin:0 0 10px}.eyebrow.light{color:#a8dfce}.brand-mark{display:grid;place-items:center;width:44px;height:44px;background:linear-gradient(145deg,#17a47f,#08654e);border-radius:14px;color:#fff;font-weight:900;box-shadow:0 8px 20px rgba(8,101,78,.28)}.brand-mark.large{width:72px;height:72px;border-radius:22px;font-size:24px;border:1px solid rgba(255,255,255,.25)}
.login-page{display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(460px,.95fr);min-height:100vh}.login-brand{position:relative;overflow:hidden;padding:10vh 10%;background:linear-gradient(135deg,#07513f 0%,#0e7a5f 60%,#159170 100%);color:#fff;display:flex;flex-direction:column;justify-content:center;gap:34px}.login-brand:before,.login-brand:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.login-brand:before{width:520px;height:520px;right:-250px;top:-160px}.login-brand:after{width:350px;height:350px;left:-180px;bottom:-180px}.login-brand h1{font-size:clamp(42px,5vw,72px);line-height:1.02;margin:0;max-width:600px}.login-copy{font-size:18px;line-height:1.7;max-width:540px;color:#d4eee6}.feature-pills{display:flex;flex-wrap:wrap;gap:10px}.feature-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.13);font-size:13px}.login-panel{display:grid;place-items:center;padding:50px;background:#f7f9f8}.login-card{width:min(430px,100%);background:#fff;padding:42px;border-radius:28px;box-shadow:0 25px 70px rgba(24,44,40,.1)}.login-card h2{font-size:32px;margin:0 0 8px}.login-card>label{display:block;font-size:13px;font-weight:700;margin:22px 0 0}.login-card input{width:100%;border:1px solid #dfe5e3;background:#fbfcfc;border-radius:12px;padding:14px 15px;margin-top:8px;outline:none;transition:.2s}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 4px rgba(14,122,95,.1)}.password-wrap{display:flex;position:relative}.password-wrap input{padding-right:48px}.icon-button{position:absolute;right:5px;top:13px;border:0;background:transparent;color:var(--muted);width:38px;height:38px}.login-card .remember{display:flex;align-items:center;gap:9px;font-weight:500;color:var(--muted);margin:18px 0}.remember input{width:16px;height:16px;margin:0;accent-color:var(--green)}.form-error{min-height:20px;color:var(--red);font-size:13px;text-align:center}.demo-accounts{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-top:24px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.demo-accounts button{border:0;background:var(--green-soft);color:var(--green);font-weight:700;border-radius:8px;padding:5px 9px}.demo-accounts small{width:100%}.mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:26px}
.primary,.secondary,.danger,.ghost{border:0;border-radius:11px;padding:11px 16px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s}.primary{background:var(--green);color:#fff;box-shadow:0 7px 18px rgba(14,122,95,.18)}.primary:hover{background:var(--green-2);transform:translateY(-1px)}.primary.wide{width:100%;padding:14px 18px}.primary.compact{padding:9px 14px;font-size:13px}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.secondary:hover{background:#f6f8f8}.ghost{background:transparent;color:var(--green)}.danger{background:#fff0f0;color:var(--red)}.danger.solid{background:var(--red);color:#fff}.button-sm{padding:7px 10px;border-radius:8px;font-size:12px}
.app-shell{min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:252px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:24px 16px}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:0 9px 25px}.sidebar-brand strong{font-size:15px;display:block}.sidebar-brand small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-label{font-size:10px;letter-spacing:.13em;color:#a0a8b5;font-weight:800;padding:17px 13px 6px}.nav-item{border:0;background:transparent;border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:12px;color:#667187;font-weight:650;text-align:left;width:100%;transition:.15s}.nav-item:hover{background:#f4f8f6;color:var(--green)}.nav-item.active{background:var(--green-soft);color:var(--green)}.nav-icon{width:21px;text-align:center;font-size:17px}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:18px}.offline-badge{display:flex;align-items:center;gap:8px;color:#6d7b76;font-size:12px;padding:10px 12px}.offline-badge i{width:8px;height:8px;background:#26a679;border-radius:50%;box-shadow:0 0 0 4px #dcf4eb}.logout-button{width:100%;border:0;background:transparent;color:#7d8798;text-align:left;padding:10px 13px;border-radius:10px}.logout-button:hover{background:#fff1f1;color:var(--red)}
.main{margin-left:252px;min-height:100vh}.topbar{height:82px;position:sticky;top:0;z-index:20;background:rgba(245,247,248,.93);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid rgba(218,223,229,.75)}.topbar h2{font-size:20px;margin:2px 0 0}.breadcrumb{font-size:11px;color:var(--muted);margin:0}.top-actions,.user-chip{display:flex;align-items:center;gap:14px}.user-chip{border-left:1px solid var(--line);padding-left:15px}.user-chip>span{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:800}.user-chip strong,.user-chip small{display:block;font-size:12px}.user-chip small{color:var(--muted);margin-top:2px}.menu-button{display:none;border:0;background:#fff;border-radius:10px;padding:8px 10px}.content{padding:26px 30px 45px;max-width:1600px;margin:auto}
.page-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.page-actions .left,.page-actions .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-box{position:relative}.search-box input{width:300px;padding:11px 14px 11px 38px;border:1px solid var(--line);border-radius:11px;background:#fff;outline:none}.search-box:before{content:"⌕";position:absolute;left:13px;top:8px;color:var(--muted);font-size:20px}.filter-select{border:1px solid var(--line);border-radius:11px;padding:10px 32px 10px 12px;background:#fff;color:var(--navy)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 5px 18px rgba(28,43,67,.025)}.stat-label{font-size:12px;color:var(--muted);font-weight:650}.stat-value{font-size:27px;font-weight:850;margin:8px 0 5px}.stat-note{font-size:11px;color:#8790a0}.stat-note.good{color:var(--green)}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:var(--green-soft);color:var(--green)}.stat-icon.blue{background:#edf3ff;color:var(--blue)}.stat-icon.amber{background:#fff4e3;color:var(--amber)}.stat-icon.red{background:#fff0f0;color:var(--red)}
.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;margin-bottom:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;box-shadow:0 6px 20px rgba(28,43,67,.025)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.panel-head h3{font-size:15px;margin:0}.panel-head p{font-size:11px;color:var(--muted);margin:4px 0 0}.panel-link{border:0;background:transparent;color:var(--green);font-size:12px;font-weight:750}.chart-wrap{height:245px;position:relative}.chart-wrap canvas{width:100%;height:100%}.donut-layout{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:20px;min-height:220px}.donut{width:145px;height:145px;border-radius:50%;position:relative;display:grid;place-items:center}.donut:after{content:"";position:absolute;width:88px;height:88px;background:white;border-radius:50%}.donut-center{position:relative;z-index:1;text-align:center}.donut-center strong{display:block;font-size:22px}.donut-center span{font-size:10px;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:14px}.legend-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;font-size:12px}.legend-row i{width:8px;height:8px;border-radius:50%}.legend-row span{color:var(--muted)}
.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:20px 20px 0}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;font-size:10px;letter-spacing:.05em;text-transform:uppercase;color:#8993a5;background:#f9fafb;padding:12px 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.data-table td{padding:14px 16px;border-bottom:1px solid #eef0f3;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfdfc}.cell-title{font-weight:750}.cell-sub{font-size:11px;color:var(--muted);margin-top:4px}.amount{font-weight:800;white-space:nowrap}.amount.out{color:var(--red)}.amount.in{color:var(--green)}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:800;background:#f0f2f5;color:#687386}.badge.green{background:#e7f6f0;color:var(--green)}.badge.red{background:#fff0f0;color:var(--red)}.badge.amber{background:#fff4df;color:#b97519}.badge.blue{background:#edf3ff;color:var(--blue)}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.row-actions{display:flex;gap:4px}.row-action{border:0;background:transparent;color:#7c8797;border-radius:7px;padding:6px 8px}.row-action:hover{background:#edf4f1;color:var(--green)}.empty-state{text-align:center;padding:55px 20px;color:var(--muted)}.empty-state .empty-icon{font-size:38px;margin-bottom:10px}.pagination-note{padding:14px 18px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{border:1px solid var(--line);background:#fff;padding:16px;border-radius:14px;text-align:left;display:flex;align-items:center;gap:12px}.quick-card:hover{border-color:#b8ddcf;box-shadow:0 8px 25px rgba(14,122,95,.08)}.quick-card span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--green-soft);color:var(--green)}.quick-card strong{display:block;font-size:12px}.quick-card small{display:block;color:var(--muted);font-size:10px;margin-top:3px}
.report-controls{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:18px}.report-controls label{font-size:11px;color:var(--muted);font-weight:700}.report-controls input,.report-controls select{display:block;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:9px}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.big-metric{padding:10px 0 18px}.big-metric strong{font-size:34px;display:block}.big-metric span{font-size:11px;color:var(--muted)}.bar-list{display:flex;flex-direction:column;gap:15px}.bar-row{display:grid;grid-template-columns:110px 1fr 90px;gap:12px;align-items:center;font-size:11px}.bar-track{height:9px;border-radius:999px;background:#edf0f3;overflow:hidden}.bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),#31b58f)}
.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.role-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.role-card-head{display:flex;align-items:center;justify-content:space-between}.role-card h3{font-size:14px;margin:0}.role-card p{font-size:11px;color:var(--muted);line-height:1.5}.permission-list{display:flex;flex-wrap:wrap;gap:6px}.permission-pill{padding:5px 8px;background:#f0f5f3;border-radius:7px;color:#4d6b62;font-size:10px}.avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf5f1;color:var(--green);font-weight:800}.user-line{display:flex;align-items:center;gap:10px}
.permission-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}.permission-checks label{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:13px;cursor:pointer}.permission-checks label:has(input:checked){border-color:#a9d6c7;background:var(--green-soft);color:var(--green)}.permission-checks input{accent-color:var(--green)}.permission-checks strong{font-size:12px}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.setting-card h3{font-size:15px;margin:0 0 8px}.setting-card p{font-size:12px;color:var(--muted);line-height:1.6}.setting-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.drop-zone{border:1px dashed #b9c6c1;background:#f9fbfa;border-radius:12px;padding:24px;text-align:center;margin-top:16px}.data-health{display:flex;gap:20px;margin-top:16px}.health-item strong{display:block;font-size:22px}.health-item span{font-size:10px;color:var(--muted)}
.modal-backdrop{position:fixed;z-index:80;inset:0;background:rgba(13,24,40,.48);backdrop-filter:blur(3px);display:grid;place-items:center;padding:20px}.modal{width:min(680px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:20px;padding:26px;box-shadow:0 30px 100px rgba(11,26,46,.3);position:relative}.modal.small-modal{width:min(430px,100%);text-align:center}.modal-close{position:absolute;right:16px;top:14px;border:0;background:#f1f3f5;width:32px;height:32px;border-radius:9px;font-size:20px;color:#677285}.modal h3{margin:0 0 6px}.modal .intro{font-size:12px;color:var(--muted);margin:0 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{font-size:11px;font-weight:750;color:#596579}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;display:block;margin-top:7px;padding:11px 12px;border:1px solid #dfe4e8;border-radius:10px;outline:none;background:#fff}.form-grid textarea{min-height:78px;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,122,95,.09)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.small-modal .modal-actions{justify-content:center}.danger-icon{margin:0 auto 14px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff0f0;color:var(--red);font-weight:900;font-size:22px}.line-items{grid-column:1/-1;border:1px solid var(--line);border-radius:12px;padding:12px}.line-item{display:grid;grid-template-columns:1fr 85px 120px 35px;gap:8px;margin-bottom:8px}.line-item input{margin:0}.line-item button{border:0;background:#fff0f0;color:var(--red);border-radius:8px}.line-total{text-align:right;font-weight:800;padding-top:8px}
.modal.wide-modal{width:min(1080px,100%)}.form-grid .full{grid-column:1/-1}.goods-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px}.goods-entry-table{width:100%;min-width:900px;border-collapse:collapse}.goods-entry-table th{background:#f4f7f6;color:#647083;font-size:10px;text-transform:uppercase;letter-spacing:.04em;padding:11px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.goods-entry-table td{padding:10px 8px;border-bottom:1px solid #edf0f2;font-size:12px}.goods-entry-table tbody tr:last-child td{border-bottom:1px solid var(--line)}.goods-entry-table td:first-child,.goods-entry-table th:first-child{text-align:center;width:42px}.goods-entry-table td:nth-child(2){min-width:135px}.goods-entry-table strong,.goods-entry-table small{display:block}.goods-entry-table small{color:var(--muted);font-size:10px;margin-top:4px}.goods-entry-table input{min-width:82px;margin:0;padding:9px 8px;border-radius:8px;text-align:right}.goods-entry-table input.calculated{background:#f1f5f3;color:var(--green);font-weight:800}.goods-entry-table .item-amount{font-weight:800;white-space:nowrap;color:var(--green)}.goods-entry-table tfoot td{font-weight:800;background:#f9fbfa;border-bottom:0;white-space:nowrap}.goods-entry-table tfoot td:first-child{text-align:left}.goods-entry-table tfoot td:last-child{color:var(--green);font-size:14px}
.customer-qr-actions{display:flex;align-items:flex-end;gap:10px}.customer-qr-actions label{flex:1}.customer-qr-actions button{white-space:nowrap;margin-bottom:1px}.customer-qr-panel{grid-column:1/-1;display:grid;grid-template-columns:minmax(230px,.85fr) 1.15fr;gap:16px;padding:14px;border:1px solid var(--line);border-radius:14px;background:#f7faf9}.customer-qr-panel video{width:100%;aspect-ratio:4/3;object-fit:cover;background:#17233b;border-radius:11px}.customer-qr-copy>strong{display:block;font-size:13px;color:#263447}.customer-qr-copy>p{font-size:11px;line-height:1.5;color:var(--muted);margin:6px 0 12px}.customer-qr-copy label{display:block}.customer-qr-copy textarea{min-height:72px}.customer-qr-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.bank-qr-actions{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px dashed #b9c8c2;border-radius:11px;background:#f8fbfa}.bank-qr-actions button{white-space:nowrap}.bank-qr-actions small{font-size:9px;color:var(--muted)}
.fingerprint-card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:14px;border:1px solid #cfe0da;border-radius:14px;background:linear-gradient(135deg,#edf8f4,#fbfdfc)}.fingerprint-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:14px;background:#fff;color:var(--green);font-size:27px;font-weight:800;box-shadow:0 5px 16px rgba(14,122,95,.1)}.fingerprint-copy strong{display:block;font-size:12px;color:#263447}.fingerprint-copy p{margin:5px 0;color:var(--muted);font-size:10px}.fingerprint-copy small{display:block;color:#7c887f;font-size:8px;line-height:1.45}.fingerprint-status.ready{color:var(--green);font-weight:800}.fingerprint-status.waiting{color:#b46f16;font-weight:800}.fingerprint-status.error{color:var(--red);font-weight:800}.fingerprint-actions{display:flex;gap:7px;align-items:center}.fingerprint-actions button{white-space:nowrap}
.modal.purchase-modal{width:min(1240px,calc(100vw - 34px));height:min(95vh,1050px);padding:24px 28px;background:#f5f7f6}.purchase-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 42px 20px 0}.purchase-title h3{font-size:24px;margin:0}.purchase-title .eyebrow{margin-bottom:5px}.purchase-title>div>span{font-size:11px;color:var(--muted);font-weight:700}.purchase-title-controls label{font-size:10px;color:var(--muted);font-weight:750}.purchase-title-controls select{display:block;margin-top:6px;padding:9px 30px 9px 11px;border:1px solid var(--line);border-radius:9px;background:#fff}.purchase-form{display:flex;flex-direction:column;gap:15px}.receipt-section{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.receipt-section-head{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;background:linear-gradient(90deg,#e8f3ef,#f4f8f6);border-bottom:1px solid #dce7e3}.receipt-section-head>div:first-child{display:flex;align-items:center;gap:11px}.receipt-section-head h4{font-size:13px;margin:0}.receipt-section-head p{font-size:10px;color:var(--muted);margin:3px 0 0}.section-icon{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#fff;color:var(--green);box-shadow:0 3px 10px rgba(14,122,95,.08)}.section-step{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#fff;color:var(--green);font-size:10px;font-weight:800}.receipt-section-body{padding:17px}.receipt-section-body label{font-size:10px;color:#5c687a;font-weight:750}.receipt-section-body input,.receipt-section-body select,.receipt-section-body textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid #dfe4e8;border-radius:10px;outline:none;background:#fff}.receipt-section-body input:focus,.receipt-section-body select:focus,.receipt-section-body textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(14,122,95,.08)}.customer-fields{display:grid;grid-template-columns:1.6fr .7fr 1fr;gap:13px}.customer-search{grid-column:span 2}.address-field{grid-column:span 2}.customer-note-field{grid-column:1/-1}.customer-note-field textarea{min-height:58px;resize:vertical}.identity-actions{display:flex;align-items:center;gap:7px;grid-column:1/-1}.identity-actions small{margin-left:5px;color:var(--muted);font-size:9px}.commodity-row{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.commodity-row label{width:min(420px,100%)}.commodity-note{text-align:right}.commodity-note strong,.commodity-note span{display:block}.commodity-note strong{font-size:12px;color:var(--green)}.commodity-note span{font-size:9px;color:var(--muted);margin-top:3px}.weights-head{display:flex;align-items:center;justify-content:space-between;margin:16px 0 10px}.weights-head strong,.weights-head span{font-size:10px}.weights-head>div span{display:block;color:var(--muted);margin-top:3px}.weights-head>span{color:var(--muted)}.weight-columns{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 12px}.weight-column{flex:0 0 125px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbfcfc}.weight-column-head{display:flex;align-items:center;justify-content:space-between;padding:9px 10px;background:#eef5f2}.weight-column-head strong{font-size:10px}.column-remove{border:0;background:transparent;color:#9aa3af;border-radius:5px;padding:0 3px}.column-remove:hover{background:#fff0f0;color:var(--red)}.weight-inputs{display:flex;flex-direction:column;gap:7px;padding:10px}.weight-inputs input{margin:0;text-align:center;padding:9px 6px;background:#fff}.weight-column-total{text-align:center;background:#e8f3ef;padding:10px;color:var(--green);font-size:11px;font-weight:850}.add-weight-column{flex:0 0 125px;min-height:245px;border:1px dashed #aebdb7;border-radius:12px;background:#fbfdfc;color:#65736e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.add-weight-column span{width:32px;height:32px;border:1px solid #aebdb7;border-radius:50%;display:grid;place-items:center;font-size:18px}.add-weight-column strong{font-size:10px}.add-weight-column small{font-size:8px;color:var(--muted)}.add-weight-column:hover{border-color:var(--green);color:var(--green);background:var(--green-soft)}.quality-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:3px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fbfcfc}.quality-grid small{display:block;font-size:8px;color:var(--muted);margin-top:5px}.deduction-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.deduction-grid>div{display:grid;grid-template-columns:1fr auto;align-items:center;padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff}.deduction-grid span{font-size:10px;font-weight:800}.deduction-grid strong{color:var(--red);font-size:14px}.deduction-grid small{grid-column:1/-1;font-size:8px;color:var(--muted);margin-top:3px}.purchase-summary{display:grid;grid-template-columns:1fr .9fr 1fr 1fr;gap:10px}.summary-card{border:1px solid var(--line);border-radius:14px;background:#fff;padding:15px;display:block}.summary-card.accent{background:linear-gradient(135deg,#e7f3ef,#f7faf9)}.summary-card>span{display:block;font-size:9px;letter-spacing:.06em;text-transform:uppercase;font-weight:850;color:#657267}.summary-card>strong{display:block;text-align:right;font-size:21px;margin:12px 0 6px;color:var(--green)}.summary-card small{display:block;font-size:8px;color:var(--muted)}.summary-input{display:flex;align-items:center;gap:5px;margin:9px 0 5px}.summary-input input{width:100%;min-width:0;border:0;border-bottom:1px solid #dce1e4;padding:7px 2px;text-align:right;outline:none;font-weight:750}.summary-input i{font-size:9px;color:var(--muted);font-style:normal;white-space:nowrap}.payment-switch{display:flex;gap:5px}.payment-switch button{border:1px solid #cfdad6;background:#fff;color:#59675f;border-radius:8px;padding:7px 11px;font-size:9px;font-weight:750}.payment-switch button.active{background:var(--green);border-color:var(--green);color:#fff}.payment-body{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;align-items:end}.payment-body label>strong{display:block;font-size:22px;color:var(--green);margin-top:11px}.payment-remaining{padding:11px 13px;border-radius:11px;background:#f4f7f6}.payment-remaining span,.payment-remaining strong{display:block}.payment-remaining span{font-size:9px;color:var(--muted)}.payment-remaining strong{text-align:right;font-size:18px;margin-top:5px}.payment-note{grid-column:1/-1}.payment-note textarea{min-height:60px;resize:vertical}.purchase-actions{position:sticky;bottom:-24px;display:flex;justify-content:flex-end;gap:8px;padding:14px 2px 2px;background:linear-gradient(180deg,rgba(245,247,246,0),#f5f7f6 35%)}
.holding-toggle{display:flex!important;align-items:center;gap:8px;color:var(--green)!important;font-size:11px!important;cursor:pointer}.holding-toggle input{width:18px!important;height:18px!important;margin:0!important;accent-color:var(--green)}.holding-body{padding:0 17px}.holding-body>div{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:center;padding:17px 0}.holding-body small{display:block;margin-top:5px;color:var(--muted);font-size:9px}.holding-customer{padding:12px 14px;border-radius:11px;background:var(--green-soft)}.holding-customer span,.holding-customer strong,.holding-customer small{display:block}.holding-customer span{font-size:9px;color:var(--muted)}.holding-customer strong{margin-top:5px;color:var(--green)}.held-goods-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:14px 16px;border:1px solid #b8dfd2;border-radius:12px;background:#eef8f4}.held-goods-detail span,.held-goods-detail strong,.held-goods-detail small{display:block}.held-goods-detail>div>span{font-size:9px;font-weight:800;color:var(--green)}.held-goods-detail strong{margin-top:4px;font-size:16px}.held-goods-detail small{margin-top:3px;color:var(--muted)}.held-amount{font-weight:800;color:var(--green);white-space:nowrap}.customer-held-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px;border:1px solid #b8dfd2;border-radius:12px;background:#eef8f4}.customer-held-summary>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.customer-held-summary span{font-size:10px;color:var(--muted)}.customer-held-summary strong{color:var(--green)}.customer-held-summary>small{grid-column:1/-1;color:var(--muted)}
.payment-qr-card,.saved-payment-qr{grid-column:1/-1;display:grid;grid-template-columns:240px 1fr;gap:20px;align-items:center;padding:17px;border:1px solid #cfe2db;border-radius:14px;background:linear-gradient(135deg,#eef8f4,#fff)}.payment-qr-code{width:240px;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 5px 18px rgba(18,58,46,.09)}.offline-qr-svg{display:block;width:100%;height:100%;shape-rendering:crispEdges}.payment-qr-empty{width:100%;height:100%;display:grid;place-items:center;background:repeating-linear-gradient(45deg,#f2f5f4,#f2f5f4 8px,#e9eeec 8px,#e9eeec 16px);color:#84918c;font-size:28px;font-weight:900}.payment-qr-kicker{display:block;color:var(--green);font-size:9px;letter-spacing:.12em;font-weight:900;margin-bottom:7px}.payment-qr-card strong,.saved-payment-qr strong{display:block;font-size:16px}.payment-qr-card p,.saved-payment-qr p{margin:7px 0;color:var(--muted);font-size:11px}.payment-qr-card .payment-qr-message,.saved-payment-qr .payment-qr-message{display:inline-block;padding:6px 9px;border-radius:7px;background:#e4f2ed;color:#265c4c;font-weight:800}.payment-qr-card small,.saved-payment-qr small{display:block;font-size:20px;color:var(--green);font-weight:850}.saved-payment-qr{margin-top:14px}
.modal.purchase-modal.export-modal{background:#fff8ef;border-top:4px solid #df8425}.export-modal .purchase-title .eyebrow,.export-modal .section-icon,.export-modal .section-step,.export-modal .commodity-note strong,.export-modal .summary-card>strong,.export-modal .payment-body label>strong{color:#c96f16}.export-modal .receipt-section{border-color:#efdcc6}.export-modal .receipt-section-head{background:linear-gradient(90deg,#ffead3,#fff5e9);border-bottom-color:#efd8bd}.export-modal .section-icon{box-shadow:0 3px 10px rgba(223,132,37,.12)}.export-modal .receipt-section-body input:focus,.export-modal .receipt-section-body select:focus,.export-modal .receipt-section-body textarea:focus{border-color:#df8425;box-shadow:0 0 0 3px rgba(223,132,37,.1)}.export-modal .weight-column-head{background:#fff0df}.export-modal .weight-column-total{background:#ffe8cf;color:#bd6510}.export-modal .add-weight-column:hover{border-color:#df8425;color:#c96f16;background:#fff3e5}.export-modal .summary-card.accent{background:linear-gradient(135deg,#ffe5c7,#fff8ef)}.export-modal .payment-switch button.active,.export-modal .purchase-actions .primary{background:#d97b1d;border-color:#d97b1d}.export-modal .purchase-actions .primary{box-shadow:0 7px 18px rgba(217,123,29,.2)}.export-modal .purchase-actions{background:linear-gradient(180deg,rgba(255,248,239,0),#fff8ef 35%)}
.modal.settlement-modal{width:min(1040px,calc(100vw - 34px));height:auto;max-height:94vh;background:#f6f8f7;border-top:4px solid #0e7a5f}.closing-lock{padding:8px 11px;border-radius:999px;background:#e4f3ee;color:var(--green);font-size:9px;font-weight:850;letter-spacing:.05em;white-space:nowrap}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.closing-grid .full{grid-column:1/-1}.closing-customer-card{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;padding:12px 14px;border:1px dashed #b9c8c2;border-radius:11px;background:#f9fbfa}.closing-customer-card div{display:flex;flex-direction:column;gap:4px}.closing-customer-card strong{font-size:11px}.closing-customer-card span{font-size:9px;color:var(--muted)}.closing-total{display:flex;flex-direction:column;justify-content:center;padding:12px 15px;border:1px solid #cee1d9;border-radius:12px;background:linear-gradient(135deg,#e7f3ef,#f8fbfa)}.closing-total span{font-size:9px;font-weight:850;color:#66756f;letter-spacing:.05em}.closing-total strong{font-size:23px;color:var(--green);margin:7px 0 4px}.closing-total small{font-size:8px;color:var(--muted)}.settlement-payment{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:end}.settlement-payment label>strong{display:block;font-size:22px;color:var(--green);margin-top:11px}.settlement-payment .payment-note{grid-column:1/-1}.closing-unpaid{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 13px;border:1px solid #efd9bd;border-radius:11px;background:#fff8ef}.closing-unpaid span{font-size:9px;font-weight:850;color:#8a6539;letter-spacing:.05em}.closing-unpaid strong{font-size:18px;color:#c96f16}.closing-unpaid small{grid-column:1/-1;font-size:8px;color:var(--muted);margin-top:3px}.closing-view-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.closing-view-grid>div{padding:17px;border:1px solid var(--line);border-radius:13px;background:#fafcfb}.closing-view-grid>div.accent{background:linear-gradient(135deg,#e6f3ee,#f8fbfa);border-color:#cfe3db}.closing-view-grid span,.closing-view-grid strong,.closing-view-grid small{display:block}.closing-view-grid span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.closing-view-grid strong{font-size:18px;margin:8px 0 5px}.closing-view-grid small{font-size:10px;color:var(--muted);line-height:1.5}.closing-view-grid .accent strong{color:var(--green);font-size:24px}.closing-note{margin-top:12px;padding:14px 16px;border:1px solid var(--line);border-radius:12px}.closing-note strong{font-size:11px}.closing-note p{margin:6px 0 0;color:var(--muted);font-size:11px}
.toast-root{position:fixed;z-index:120;right:22px;bottom:22px;display:flex;flex-direction:column;gap:9px}.toast{background:#17233b;color:#fff;border-radius:12px;padding:13px 16px;box-shadow:0 12px 35px rgba(17,29,47,.25);font-size:12px;animation:toastIn .25s ease;display:flex;gap:9px;align-items:center}.toast.success:before{content:"✓";color:#64d4ad}.toast.error:before{content:"!";color:#ff8787}@keyframes toastIn{from{transform:translateY(10px);opacity:0}}
.sidebar-scrim{display:none}.print-header{display:none}
@media(max-width:1100px){.stats-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:1fr 1fr}.role-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:22px}.mobile-brand{display:flex}.login-card{padding:28px}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.sidebar-scrim{display:block;position:fixed;z-index:25;inset:0;background:rgba(20,29,43,.35);opacity:0;pointer-events:none;transition:.2s}.sidebar-scrim.open{opacity:1;pointer-events:auto}.main{margin-left:0}.menu-button{display:block}.topbar{padding:0 16px}.topbar>div:first-of-type{margin-right:auto;margin-left:12px}.user-chip div,.primary.compact{display:none}.content{padding:20px 16px}.report-grid,.settings-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.customer-qr-actions,.bank-qr-actions{grid-column:auto;align-items:stretch;flex-direction:column}.customer-qr-panel{grid-column:auto;grid-template-columns:1fr}.fingerprint-card{grid-column:auto;grid-template-columns:auto 1fr}.fingerprint-actions{grid-column:1/-1;flex-wrap:wrap}.search-box input{width:min(100%,300px)}.page-actions{align-items:flex-start;flex-direction:column}.page-actions .left,.page-actions .right{width:100%}.table-panel{overflow-x:auto}.data-table{min-width:720px}}
@media(max-width:540px){.stats-grid,.quick-grid,.role-grid{grid-template-columns:1fr}.login-card{border-radius:18px}.stat-card{padding:17px}.donut-layout{grid-template-columns:1fr;justify-items:center}.topbar h2{font-size:17px}.line-item{grid-template-columns:1fr 60px 90px 32px}}
@media(max-width:800px){.modal.purchase-modal{width:100%;height:100%;max-height:100vh;border-radius:0;padding:20px 14px}.purchase-title{margin-right:35px}.customer-fields{grid-template-columns:1fr}.customer-search,.address-field{grid-column:auto}.identity-actions{grid-column:auto;flex-wrap:wrap}.identity-actions small{width:100%;margin-left:0}.commodity-row{align-items:stretch;flex-direction:column}.commodity-row label{width:100%}.commodity-note{text-align:left}.quality-grid,.deduction-grid,.purchase-summary,.payment-body,.holding-body>div,.customer-held-summary{grid-template-columns:1fr}.payment-note{grid-column:auto}.purchase-summary{grid-template-columns:1fr 1fr}.receipt-section-head{align-items:flex-start}.payment-section .receipt-section-head{flex-direction:column;gap:10px}.customer-held-summary>small{grid-column:auto}.purchase-actions{bottom:-20px}}
@media(max-width:800px){.modal.settlement-modal{width:100%;height:100%;max-height:100vh}.closing-grid,.closing-customer-card,.settlement-payment,.closing-view-grid{grid-template-columns:1fr}.closing-grid .full,.settlement-payment .payment-note{grid-column:auto}.closing-lock{white-space:normal}.data-health{flex-wrap:wrap}}
@media(max-width:520px){.purchase-summary{grid-template-columns:1fr}.purchase-title{align-items:flex-start;flex-direction:column}.purchase-title-controls{width:100%}.purchase-title-controls select{width:100%}.section-step{display:none}.payment-qr-card,.saved-payment-qr{grid-template-columns:1fr;text-align:center}.payment-qr-code{margin:auto}}
.closing-deduction-section .receipt-section-head{background:linear-gradient(90deg,#fff0df,#fff8ef);border-bottom-color:#efdcc6}.closing-deduction-section .section-icon{color:#c96f16}.closing-deduction-section .holding-toggle{color:#c96f16!important}.closing-deduction-section .holding-toggle input{accent-color:#c96f16}.closing-deduction-section .holding-body>div{grid-template-columns:1fr 1fr 1fr}.closing-deduction-customer{background:#fff4e8}.closing-deduction-customer strong{color:#c96f16}.closing-deduction-detail{border-color:#efd9bd;background:#fff8ef}.closing-deduction-detail>div>span{color:#c96f16}.payment-body label>small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.transaction-payment-breakdown{border-color:#b8dfd2;background:#eef8f4}.closing-reference-empty{padding:16px;border:1px dashed #b9c8c2;border-radius:11px;background:#f9fbfa;text-align:center;color:var(--muted);font-size:11px}.closing-reference-empty strong{color:var(--text)}.closing-reference-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.closing-reference-summary>div{padding:11px 13px;border:1px solid #d8e8e2;border-radius:11px;background:#f4faf7}.closing-reference-summary span,.closing-reference-summary strong{display:block}.closing-reference-summary span{font-size:8px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-weight:800}.closing-reference-summary strong{margin-top:5px;color:var(--green);font-size:14px}.closing-reference-list{display:grid;gap:7px;margin-top:10px}.closing-reference-list>div{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border-bottom:1px solid var(--line)}.closing-reference-list>div>div:last-child{text-align:right}.closing-reference-list strong,.closing-reference-list span{display:block}.closing-reference-list strong{font-size:10px}.closing-reference-list span{margin-top:3px;font-size:9px;color:var(--muted)}.closing-reference-list .closing-reference-unpaid{color:#c96f16}.closing-reference-list .closing-reference-paid{color:var(--green)}.closing-reference-more{display:block;margin-top:9px;color:var(--muted)}.saved-closing-reference{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;margin-top:12px;padding:14px 16px;border:1px solid #d8e8e2;border-radius:12px;background:#f4faf7}.saved-closing-reference span,.saved-closing-reference strong,.saved-closing-reference small{display:block}.saved-closing-reference span{font-size:9px;font-weight:800;color:var(--green)}.saved-closing-reference strong{margin-top:5px}.saved-closing-reference small{margin-top:3px;color:var(--muted)}.saved-closing-reference>div:last-child{text-align:right}
@media(max-width:800px){.closing-deduction-section .holding-body>div,.closing-reference-summary{grid-template-columns:1fr 1fr}.saved-closing-reference{grid-template-columns:1fr}.saved-closing-reference>div:last-child{text-align:left}}
@media(max-width:520px){.closing-deduction-section .holding-body>div,.closing-reference-summary{grid-template-columns:1fr}.closing-reference-list>div{align-items:flex-start;flex-direction:column}.closing-reference-list>div>div:last-child{text-align:left}}
@media print{.sidebar,.topbar,.page-actions,.report-controls,.row-actions,.sidebar-scrim{display:none!important}.main{margin:0}.content{padding:0}.panel,.stat-card{box-shadow:none;break-inside:avoid}.print-header{display:block;margin-bottom:20px}.app-shell{background:#fff}.data-table th{background:#eee!important;color:#333}}
.customer-name-button{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:transparent;text-align:left;color:inherit;cursor:pointer}.customer-name-button:hover .cell-title{color:var(--green);text-decoration:underline}.customer-detail-modal{background:#f5f8f7;border-top:4px solid var(--green)}.customer-detail-head{display:flex;align-items:center;gap:14px;margin:0 42px 18px 0}.customer-detail-avatar{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#08745a,#17a77f);color:#fff;font-size:19px;font-weight:900;box-shadow:0 8px 20px rgba(14,122,95,.2)}.customer-detail-head h3{font-size:24px;margin:3px 0 7px}.customer-detail-head .eyebrow{margin:0;color:var(--green);font-size:9px;font-weight:850;letter-spacing:.08em}.customer-insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.customer-insight-grid>div{padding:15px;border:1px solid #d8e7e2;border-radius:13px;background:#fff}.customer-insight-grid>div.debt{border-color:#efd9bd;background:#fff8ef}.customer-insight-grid span,.customer-insight-grid strong,.customer-insight-grid small{display:block}.customer-insight-grid span{font-size:9px;color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.05em}.customer-insight-grid strong{margin:8px 0 5px;color:var(--green);font-size:20px}.customer-insight-grid .debt strong{color:#c96f16}.customer-insight-grid small{font-size:8px;color:var(--muted);line-height:1.45}.customer-commodity-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.customer-commodity-grid>div{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:10px;align-items:center;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:#fff}.customer-commodity-grid>div>strong{color:var(--green)}.customer-commodity-grid span{font-size:9px;color:var(--muted)}.customer-commodity-grid b{display:block;margin-top:3px;color:var(--text);font-size:11px}.customer-profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.customer-profile-grid>div{padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff}.customer-profile-grid span,.customer-profile-grid strong,.customer-profile-grid small{display:block}.customer-profile-grid span{font-size:8px;text-transform:uppercase;color:var(--muted);font-weight:800}.customer-profile-grid strong{margin-top:5px;font-size:11px;line-height:1.45}.customer-profile-grid small{margin-top:3px;color:var(--muted);font-size:9px}.customer-history{margin-top:12px;border:1px solid var(--line);border-radius:13px;background:#fff;overflow:hidden}.customer-history-head{padding:12px 15px;background:#edf6f2;border-bottom:1px solid #d8e7e2}.customer-history-head h4{margin:0;font-size:12px}.customer-history-head p{margin:3px 0 0;color:var(--muted);font-size:9px}.customer-history-table{overflow-x:auto}.customer-history table{width:100%;min-width:650px;border-collapse:collapse}.customer-history th,.customer-history td{padding:10px 12px;border-bottom:1px solid #edf0f2;text-align:left;font-size:10px}.customer-history th{background:#fafcfb;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.04em}.customer-history tbody tr:last-child td{border-bottom:0}.customer-history td strong,.customer-history td small{display:block}.customer-history td small{margin-top:3px;color:var(--muted);font-size:8px}.customer-empty-row{text-align:center!important;color:var(--muted);padding:18px!important}
@media(max-width:800px){.modal.customer-detail-modal{width:100%;height:100%;max-height:100vh;border-radius:0}.customer-insight-grid,.customer-profile-grid{grid-template-columns:1fr 1fr}.customer-commodity-grid{grid-template-columns:1fr}.customer-commodity-grid>div{grid-template-columns:1fr 1fr}.customer-detail-head{align-items:flex-start}}
@media(max-width:520px){.customer-insight-grid,.customer-profile-grid{grid-template-columns:1fr}.customer-commodity-grid>div{grid-template-columns:1fr}.customer-detail-head h3{font-size:20px}}
.import-customer-fields{grid-template-columns:minmax(260px,1.6fr) minmax(150px,.65fr) auto;align-items:end}.import-customer-fields .customer-search{grid-column:auto}.quick-customer-action{display:flex;flex-direction:column;align-items:stretch;gap:5px}.quick-customer-action button{white-space:nowrap;padding:11px 14px}.quick-customer-action small{font-size:8px;color:var(--muted);text-align:center}.quick-customer-backdrop{z-index:95}.quick-customer-modal{text-align:left}.quick-customer-modal .quick-customer-icon{width:48px;height:48px;display:grid;place-items:center;margin:0 auto 12px;border-radius:14px;background:var(--green-soft);color:var(--green);font-size:22px;font-weight:900}.quick-customer-modal>h3,.quick-customer-modal>.intro{text-align:center}.quick-customer-modal .form-grid{text-align:left}.quick-customer-modal textarea{min-height:90px}
@media(max-width:800px){.import-customer-fields{grid-template-columns:1fr}.import-customer-fields .customer-note-field{grid-column:auto}.quick-customer-action{align-items:stretch}.quick-customer-action small{text-align:left}}
.payment-debt{padding:11px 13px;border:1px solid #efd9bd;border-radius:11px;background:#fff8ef}.payment-debt span,.payment-debt strong,.payment-debt small{display:block}.payment-debt span{font-size:9px;color:#8a6539}.payment-debt strong{text-align:right;font-size:18px;margin-top:5px;color:#c96f16}.payment-debt small{margin-top:4px;color:var(--muted);font-size:8px}