:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#282828;background:#f8f8f8;font-synthesis:none;--blue:#141414;--ink:#282828;--muted:#767676;--line:#ebebeb;--red:#b6263e;--green:#087454;--amber:#91620d}
*{box-sizing:border-box}
#moreReceipts[hidden]{display:none}
/* Theme choice previews intentionally keep their own light/dark appearance. */
.appearance-section{max-width:700px;margin-top:32px;padding-bottom:12px}
.appearance-section>h2{font-size:23px}.appearance-section>p{margin:10px 0 24px;line-height:1.6}
.theme-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.theme-choice{display:grid;gap:16px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:22px;background:var(--card);color:var(--text);font-size:16px;font-weight:600;min-width:0}
.theme-choice:hover{background:var(--hover)}
.theme-choice[aria-pressed="true"]{background:var(--bubble);outline:2px solid var(--text);outline-offset:3px}
.theme-preview{display:flex;height:126px;border:1px solid #d8d8d8;border-radius:14px;overflow:hidden;background:#f8f8f8}
.preview-sidebar{width:30%;background:#ededed;border-right:1px solid #d8d8d8}
.preview-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:20px}
.preview-content i{width:100%;height:15px;border-radius:20px;background:#dedede}.preview-content i+i{width:72%}
.preview-dark{background:#171717;border-color:#414141}.preview-dark .preview-sidebar{background:#242424;border-color:#414141}.preview-dark i{background:#444}
@media(max-width:480px){.theme-choices{gap:14px}.theme-choice{padding:13px;font-size:14px}.theme-preview{height:100px}.preview-content{padding:12px;gap:12px}.preview-content i{height:12px}}
body{margin:0;font-size:16px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{cursor:pointer}
button{transition:background .18s,box-shadow .18s}
button:disabled{opacity:.48;cursor:not-allowed}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c2c2c2;outline-offset:3px}
button{border:0}
a{color:var(--blue);text-decoration:none}
svg{width:20px;height:20px;flex-shrink:0}
h1,h2,h3,p{margin:0}
h1{font-size:28px;letter-spacing:-1px;font-weight:800}
h2{font-size:20px;letter-spacing:-.5px}
h3{font-size:16px}
.muted{color:var(--muted)}
.small{font-size:14px}
.tiny{font-size:12px}
.mono{font-variant-numeric:tabular-nums}
.layout{min-height:100vh;display:grid;grid-template-columns:232px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 18px 20px;background:white;border-right:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;padding:0 12px 32px}
.brand img{width:39px;height:39px}
.brand strong{font-size:23px;letter-spacing:-1px}
.brand small{display:block;color:var(--muted);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;margin-top:2px}
.navlabel{color:#8b8b8b;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:1.4px;padding:8px 15px 12px}
.nav{display:flex;flex-direction:column;gap:6px}
.nav a:hover{background:#f8f8f8}
.sidebarbottom{margin-top:auto;padding-top:32px}
.sidenote{background:#f9f9f9;border-radius:12px;padding:16px;font-size:13px;line-height:1.65;color:#787878}
.sidenote strong{display:block;color:#393939;margin-bottom:4px}
.profile{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding:20px 10px 0;margin-top:20px}
.avatar{display:flex;align-items:center;justify-content:center;background:#f6f6f6;color:#707070;font-size:14px;font-weight:800;width:38px;height:38px;border-radius:50%;flex-shrink:0}
.avatar.rose{background:#fbeef0;color:#ad4765}
.avatar.mint{background:#e9f5f1;color:#357767}
.avatar.gold{background:#fcf4df;color:#99722a}
.profile strong{font-size:14px;display:block}
.profile span{font-size:12px;color:var(--muted)}
.workspace{min-width:0}
.topbar{height:80px;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px;gap:20px}
.breadcrumbs{font-size:14px;display:flex;gap:12px;color:var(--muted)}
.breadcrumbs strong{color:var(--ink);font-weight:600}
.topactions{display:flex;align-items:center;gap:18px}
.role{background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px 30px 9px 12px;font-size:14px;min-height:42px;max-width:240px}
.iconbtn{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;background:transparent;border:1px solid var(--line);border-radius:8px;color:#707070}
.iconbtn:hover{background:#f6f6f6}
.demo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 36px;background:#f6f6f6;color:#686868;font-size:13px}
.demo span{display:flex;align-items:center;gap:8px}
.demo strong{color:#666666}
.demo button{background:transparent;color:#737373;font-size:13px;text-decoration:underline;padding:6px}
.content{padding:30px 36px 50px;max-width:1600px;margin:auto}
.pagehead{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}
.pagehead p{margin-top:7px;font-size:14px;color:var(--muted);line-height:1.7}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 17px;font-size:14px;font-weight:700;border-radius:8px;white-space:nowrap}
.primary{background:var(--blue);color:white;box-shadow:0 3px 8px #7e7e7e1a}
.primary:hover{background:#666666}
.secondary{background:white;border:1px solid #e4e4e4;color:#494949}
.secondary:hover{background:#f8f8f8}
.danger{color:var(--red);background:#fff0f2;border:1px solid #f0ccd2}
.textbtn{background:transparent;color:var(--blue);padding:8px;font-size:14px;font-weight:700;min-height:40px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:26px}
.schedule-download{display:flex;justify-content:flex-end;margin:-8px 0 24px}
.schedule-preview-image[hidden]{display:none!important}
.schedule-preview .btn{min-height:44px}
.catalog-sort-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:6px 8px;margin:-6px -8px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;text-align:left;cursor:pointer}
.catalog-sort-button:hover,.catalog-sort-button:active{background:var(--hover);color:var(--text)}
.receipt-catalog th[aria-sort]:not([aria-sort="none"]) .catalog-sort-button{color:var(--text);font-weight:700}
.stat{border:1px solid var(--line);background:white;padding:20px;border-radius:12px}
.stat .label{display:flex;align-items:center;justify-content:space-between;color:#787878;font-size:14px;margin-bottom:16px;gap:8px}
.stat .label svg{color:#a6a6a6;width:19px}
.stat strong{font-size:27px;letter-spacing:-.8px;font-weight:800;line-height:1.2}
.stat .unit{font-size:13px;font-weight:500;color:var(--muted);margin-left:5px}
.stat .foot{font-size:12px;color:#7f7f7f;margin-top:9px}
.stat .foot.red{color:var(--red)}
.callout{display:flex;align-items:flex-start;gap:12px;background:#fff5f5;border:1px solid #f0d8dc;border-radius:10px;padding:16px 18px;color:#903446;margin-bottom:22px}
.callout svg{margin-top:2px}
.callout strong{font-size:14px}
.callout p{font-size:13px;line-height:1.7;margin-top:3px}
.callout .textbtn{margin-left:auto;color:#a42a40;flex-shrink:0}
.card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.tabs{display:flex;gap:7px;flex-wrap:wrap}
.tab{background:transparent;border-radius:7px;padding:9px 12px;font-size:14px;color:#7a7a7a;min-height:40px}
.tab.active{background:#f5f5f5;color:#727272;font-weight:700}
.tab small{margin-left:6px;font-size:12px}
.searchbox{position:relative;flex:1;max-width:290px;min-width:180px}
.searchbox svg{position:absolute;left:12px;top:12px;color:#9b9b9b;width:18px}
.searchbox input{height:43px;border:1px solid var(--line);border-radius:8px;padding:0 12px 0 38px;width:100%;font-size:14px;background:#fefefe;color:var(--ink)}
.tablewrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:14px}
th{text-align:left;padding:13px 18px;background:#fcfcfc;color:#868686;font-size:12px;font-weight:600;white-space:nowrap}
.sale-sort-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;width:100%;min-height:44px;margin:-9px -10px;padding:9px 10px;border-radius:8px;background:transparent;color:inherit;font:inherit;font-weight:inherit;text-align:left;white-space:nowrap;cursor:pointer}
.sale-sort-button:hover{background:#f2f2f2;color:#4f4f4f}
.sale-sort-button:focus-visible{outline:2px solid #1f64c8;outline-offset:1px}
.sale-sort-button.active{color:#222}
.sale-sort-icon{display:inline-flex;align-items:center;justify-content:center;min-width:13px;color:#aaa;font-size:14px;line-height:1}
.sale-sort-button.active .sale-sort-icon{color:#1f64c8}
.sale-client-heading .sale-sort-button{flex:1;width:auto}
td{padding:19px 18px;border-top:1px solid #f2f2f2;vertical-align:middle}
tr.clickrow{cursor:pointer}
tr.clickrow:hover{background:#fcfcfc}
tr.errorrow{background:#fff9fa}
tr.errorrow td:first-child{box-shadow:inset 3px 0 var(--red)}
tr.errorrow:hover{background:#fff3f5}
.person{display:flex;align-items:center;gap:10px}
.person strong{display:block;font-size:14px;font-weight:700;white-space:nowrap}
.person small{display:block;color:#939393;font-size:12px;margin-top:5px}
.stack strong{display:block;font-size:14px;font-weight:600}
.stack small{display:block;font-size:12px;color:#8b8b8b;margin-top:5px}
.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:6px 9px;font-size:12px;font-weight:700;white-space:nowrap}
.badge svg{width:13px;height:13px}
.badge.confirmed{color:#087454;background:#eaf7f1}
.badge.error{color:#b22640;background:#fcecef}
.badge.pending{color:#956414;background:#fff6df}
.badge.review{color:#6853a5;background:#f1edfb}
.badge.neutral{color:#767676;background:#f4f4f4}
.badge.info{color:#747474;background:#f6f6f6}
.badge.schedule-review{color:#7a4a00;background:#fff1cc;border:1px solid #d9ae4f;white-space:nowrap}
.sale-status-stack,.schedule-review-heading{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.schedule-review-notice{margin:4px 20px 12px;padding:13px 15px;border:1px solid #dfba63;border-radius:10px;background:#fff8e7;color:#704600;font-size:13px;line-height:1.55}
.schedule-review-notice strong,.schedule-review-notice p,.schedule-review-notice small{display:block}.schedule-review-notice p{margin:4px 0}.schedule-review-notice small{color:#79591f}
.tablefooter{padding:15px 20px;font-size:12px;color:#979797;border-top:1px solid var(--line);display:flex;justify-content:space-between}
.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--line)}
.sectionhead p{font-size:13px;color:var(--muted);margin-top:4px}
.back{display:inline-flex;align-items:center;gap:7px;color:#808080;font-size:14px;margin-bottom:20px}
.detailgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}
.section{margin-bottom:22px}
.detailtitle{display:flex;align-items:center;gap:14px}
.detailtitle .avatar{width:52px;height:52px;font-size:18px}
.detailmeta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.info{padding:20px;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.info dt{font-size:12px;color:#8a8a8a;margin-bottom:6px}
.info dd{font-size:14px;margin:0;line-height:1.6}
.payment{padding:20px;border-bottom:1px solid var(--line)}
.payment:last-child{border:0}
.payhead{display:flex;align-items:center;justify-content:space-between;gap:12px}
.payhead strong{font-size:17px}
.paymeta{margin:10px 0;font-size:13px;display:flex;gap:14px;flex-wrap:wrap;color:#898989}
.paybottom{display:flex;align-items:center;justify-content:space-between;gap:10px}
.payerror{margin-top:12px;background:#fff2f4;border-radius:8px;padding:12px;font-size:13px;color:#a42c43;line-height:1.6}
.locked{display:flex;align-items:center;gap:5px;color:#868686;font-size:12px}
.locked svg{width:14px;height:14px}
.summary{padding:22px}
.summaryrow{display:flex;justify-content:space-between;gap:8px;margin-bottom:15px;font-size:14px;color:#7c7c7c}
.summaryrow strong{color:var(--ink);font-weight:700}
.summary .total{border-top:1px solid var(--line);padding-top:18px;color:var(--ink);font-weight:700}
.summary .total strong{font-size:20px}
.progress{height:6px;border-radius:6px;background:#f2f2f2;overflow:hidden;margin:18px 0 10px}
.progress span{display:block;height:100%;background:var(--blue);border-radius:6px}
.sideactions{display:grid;gap:10px;padding:20px}
.sideactions .btn{justify-content:flex-start;white-space:normal;text-align:left}
.timeline{padding:20px}
.timelineitem{border-left:2px solid #eeeeee;padding:0 0 22px 18px;position:relative;font-size:13px;line-height:1.6}
.timelineitem:before{content:'';position:absolute;left:-5px;top:5px;width:8px;height:8px;background:#c4c4c4;border-radius:50%}
.timelineitem:last-child{padding-bottom:0}
.timelineitem small{color:#9a9a9a;display:block;font-size:12px;margin-top:4px}
.empty{text-align:center;padding:45px 20px;color:#8b8b8b;font-size:14px;line-height:1.8}
.empty svg{width:32px;height:32px;color:#b4b4b4;margin-bottom:12px}
.note{font-size:13px;line-height:1.7;padding:14px 18px;color:#7e7e7e;background:#fafafa;border-radius:8px}
.notice{padding:14px 18px;border-radius:8px;background:#f6f6f6;color:#616161;font-size:14px;line-height:1.7;margin-bottom:20px}
.sourcegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:24px}
.sourcecard{padding:20px;background:white;border:1px solid var(--line);border-radius:12px}
.sourcecard h3{margin-bottom:10px}
.sourcecard p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:10px}
.service{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f4f4f4;color:#7c7c7c;font-weight:800;margin-bottom:15px}
.integrationgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.integration{padding:24px}
.integration .inthead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.integration p{font-size:14px;color:var(--muted);line-height:1.8;margin:13px 0}
.integration ul{margin:12px 0 18px;padding-left:18px;font-size:14px;color:var(--muted);line-height:1.9}
.integration a{font-size:13px}
.messagegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.messagecolumn{background:#f2f2f2;border:1px solid var(--line);border-radius:12px;padding:20px}
.messagecolumn h2{font-size:16px;margin-bottom:7px}
.messagecolumn>p{font-size:13px;color:#8b8b8b;margin-bottom:20px}
.message{background:white;border:1px solid #e7e7e7;border-radius:12px 12px 12px 3px;padding:18px;margin-top:15px;box-shadow:0 2px 5px #3c3c3c04;font-size:14px;line-height:1.85}
.message .sender{color:#696969;font-weight:800;font-size:13px;margin-bottom:6px}
.message .btn{width:100%;margin-top:12px;background:#f4f4f4;color:#696969}
.message time{font-size:12px;color:#999999;display:block;text-align:right;margin-top:8px}
.receipt{border:1px dashed #cecece;border-radius:7px;margin-top:12px;padding:13px;background:#fcfcfc;font-size:12px;display:flex;align-items:center;gap:8px}
.pill{border:1px solid #e6e6e6;border-radius:6px;padding:5px 8px;font-size:12px;color:#808080;background:white}
.cashline{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}
.cashline .btn{font-size:13px}
.historynote{font-size:12px;color:#8e8e8e;margin-top:12px}
.mobilebrand{display:none}
.mobiletoggle{display:none}
.menuoverlay{display:none}
dialog{border:0;border-radius:16px;padding:0;width:min(760px,calc(100% - 28px));max-height:90vh;color:var(--ink);box-shadow:0 30px 100px #26262633}
dialog::backdrop{background:#28282866;backdrop-filter:blur(3px)}
.modalhead{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}
.modalhead p{font-size:13px;color:var(--muted);margin-top:5px}
.modalbody{padding:24px 26px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field.full{grid-column:1/-1}
.field label{font-size:13px;font-weight:700;color:#626262}
.field input,.field select,.field textarea{border:1px solid #e5e5e5;border-radius:8px;background:white;min-height:45px;width:100%;padding:10px 12px;color:var(--ink);font-size:14px}
.field input[readonly]{background:#f7f7f7;color:#8b8b8b}
.field textarea{min-height:80px;resize:vertical}
.field small{font-size:12px;color:#8b8b8b;line-height:1.6}
.field .field-help{display:block;margin:0;min-height:19px}
.field .manager-code-preview{font-variant-numeric:tabular-nums;font-weight:650;color:#5f5f5f}
.bank-tin-field input{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.formsection{font-size:13px;font-weight:800;margin:24px 0 16px;padding-bottom:10px;border-bottom:1px solid var(--line);color:#494949}
.formsection:first-child{margin-top:0}
.formsection span{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;border-radius:50%;background:#f6f6f6;color:#848484;font-size:12px;margin-right:8px}
.modalfoot{display:flex;justify-content:flex-end;gap:10px;padding:17px 26px;border-top:1px solid var(--line);background:#fcfcfc;position:sticky;bottom:0;z-index:2}
.amountwords{color:#6c6c6c!important;font-weight:600}
.fielderr{color:var(--red)!important}
.inputerror{border-color:#d0465f!important;background:#fff8f9!important}
.field-error{margin:0;color:var(--red);font-size:11px;font-weight:500;line-height:1.45}
.password-control{position:relative}.password-control input{padding-right:52px}.password-toggle{position:absolute;top:50%;right:6px;display:grid;place-items:center;width:38px;height:38px;transform:translateY(-50%);border:0;border-radius:8px;background:transparent;color:#666}.password-toggle:hover{background:#f1f1f1;color:#111}.password-toggle:focus-visible{outline:2px solid #2368c4;outline-offset:1px}.password-toggle svg{width:20px;height:20px}
.payment-rejected-notice{margin:0 0 14px;padding:10px 12px;border:1px solid #efc6ce;border-radius:10px;background:#fff6f7;color:var(--red);font-size:13px;font-weight:600;line-height:1.45}
.field :is(input,select,textarea)[aria-invalid=true]{border-color:#d0465f!important;background:#fff8f9!important;box-shadow:0 0 0 3px #d0465f14}
.formerror{display:none;color:var(--red);background:#fff0f3;border:1px solid #f0cbd3;border-radius:8px;padding:12px;margin-bottom:18px;font-size:14px;line-height:1.7}
.formerror.visible{display:block}
.checkrow{display:flex;gap:10px;align-items:center;font-size:14px;color:#656565;margin:15px 0}
.checkrow input{width:18px;height:18px}
.formdetail{margin-top:20px;border:1px solid var(--line);padding:15px;border-radius:8px}
.formdetail summary{cursor:pointer;font-size:14px;font-weight:700;color:#7c7c7c}
.formdetail .formgrid{margin-top:18px}
.planrow{display:grid;grid-template-columns:1fr 1fr 42px;gap:10px;margin-top:10px}
.planrow input{width:100%;padding:10px;border:1px solid #e5e5e5;border-radius:7px;min-height:44px;font-size:14px}
.toast{position:fixed;bottom:26px;left:50%;transform:translateX(-50%);padding:15px 22px;background:#2f2f2f;color:white;border-radius:10px;box-shadow:0 6px 25px #0002;z-index:20;max-width:calc(100vw - 30px);font-size:14px}
.skip{position:fixed;top:-70px;left:20px;z-index:99;background:white;padding:15px}
.skip:focus{top:10px}
.error-text{color:var(--red)}
.paymentamount{font-variant-numeric:tabular-nums}
.flex{display:flex;gap:10px;align-items:center}
.divider{height:1px;background:var(--line);margin:20px 0}
.sectionbody{padding:20px}
.right{text-align:right}
.subtle{background:#fafafa}
.radio-options{display:flex;gap:8px}
.radio-options label{display:flex;gap:6px;padding:10px;border:1px solid var(--line);border-radius:7px;font-size:13px}
.lineitem{display:flex;justify-content:space-between;gap:15px;font-size:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.lineitem:last-child{border:0}
.wrap{white-space:normal}
.fullwidth{width:100%}
.counttab{font-size:13px;background:#f5f5f5;border-radius:6px;padding:3px 7px;margin-left:6px}
.request{padding:15px 20px;border-top:1px solid var(--line);font-size:14px;line-height:1.7}
.request small{display:block;color:#8a8a8a}
.sourceamount{font-size:24px;font-weight:800;color:#3b3b3b;margin-top:10px}
.money{white-space:nowrap}
.integrations-note{margin-bottom:20px}
.footnote{font-size:12px;color:#949494;margin-top:18px;line-height:1.7}
.checklist{display:grid;gap:10px;font-size:14px;padding:20px}
.checklist div{display:flex;gap:8px;align-items:center}
.checklist svg{color:#198561;width:17px}
.statusline{display:flex;gap:8px;align-items:center;margin-bottom:18px}
.notified{font-size:12px;color:#8e7180}
.tagline{font-size:12px;color:#868686;margin:8px 0}
.currencygrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;grid-column:1/-1}

@media(min-width:1600px){.content{padding-top:40px}
.stat{padding:24px}
td{padding-top:24px;padding-bottom:24px}
}

@media(max-width:1200px){.layout{grid-template-columns:200px minmax(0,1fr)}
.sidebar{padding-left:12px;padding-right:12px}
.content{padding:26px 24px}
.topbar{padding:0 24px}
.demo{padding:10px 24px}
.detailgrid{grid-template-columns:minmax(0,1fr) 260px}
.stat{padding:16px}
.stat strong{font-size:23px}
.stats{gap:12px}
td,th{padding-left:13px;padding-right:13px}
.optionalcol{display:none}
}

@media(max-width:960px){.layout{grid-template-columns:1fr}
.sidebar{display:none}
.topbar{height:72px}
.mobilebrand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:19px}
.mobilebrand img{width:30px;height:30px}
.breadcrumbs{display:none}
.mobiletoggle{display:flex}
.sidebar.open{display:flex;position:fixed;top:0;left:0;width:240px;z-index:12}
.menuoverlay.open{display:block;position:fixed;inset:0;background:#2a2a2a70;z-index:11}
.detailgrid{grid-template-columns:1fr}
.detailgrid>aside{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.stats{grid-template-columns:repeat(4,1fr)}
.sourcegrid{grid-template-columns:repeat(3,1fr)}
.topactions{gap:10px}
}

@media(max-width:640px){h1{font-size:25px}
.content{padding:23px 16px}
.topbar{padding:0 16px;gap:8px}
.role{font-size:12px;max-width:160px;padding-left:8px}
.topactions>.iconbtn{display:none}
.demo{padding:10px 16px;font-size:12px}
.demo span{align-items:flex-start}
.demo svg{width:16px}
.demo button{font-size:12px;flex-shrink:0}
.pagehead{align-items:flex-start;gap:10px}
.pagehead>.btn{font-size:13px;padding:10px 12px}
.pagehead>.btn svg{width:17px}
.stats{grid-template-columns:1fr 1fr;gap:10px}
.stat .label{font-size:12px;margin-bottom:12px}
.stat strong{font-size:23px}
.stat .foot{font-size:11px}
.stat .unit{font-size:11px}
.callout{padding:13px;flex-wrap:wrap}
.callout .textbtn{margin-left:26px;padding:0;min-height:30px}
.toolbar{padding:14px;gap:12px}
.searchbox{max-width:none;width:100%;order:2}
.tabs{gap:2px}
.tab{padding:8px;font-size:13px}
.tablewrap.customers table,.tablewrap.customers tbody{display:block}
.tablewrap.customers thead{display:none}
.tablewrap.customers tr{display:grid;grid-template-columns:1fr auto;padding:16px;border-top:1px solid var(--line);gap:12px}
.tablewrap.customers td{padding:0;border:0}
.tablewrap.customers td:nth-child(2),.tablewrap.customers td:nth-child(3),.tablewrap.customers td:nth-child(4),.tablewrap.customers td:nth-child(6){display:none}
.tablewrap.customers td:first-child{box-shadow:none}
.tablewrap.customers .errorrow{border-left:3px solid var(--red)}
.tablewrap.customers td:last-child{grid-column:2;grid-row:1/3;align-self:center}
.tablewrap.customers td:nth-child(5){padding-left:48px}
.tablewrap.customers td:nth-child(5):before{content:'Qolgan qarz: ';font-size:12px;color:#8c8c8c}
.tablefooter{font-size:11px;padding:14px}
.integrationgrid,.messagegrid,.sourcegrid{grid-template-columns:1fr}
.detailgrid>aside{display:block}
.detailmeta{gap:5px}
.info{gap:16px}
.summary{padding:18px}
.payment{padding:16px}
.payhead strong{font-size:16px}
.sectionhead{padding:16px}
.paybottom{flex-wrap:wrap}
.formgrid{grid-template-columns:1fr}
.field.full{grid-column:auto}
.modalhead{padding:18px}
.modalbody{padding:20px 18px}
.modalfoot{padding:15px 18px}
.modalhead h2{font-size:18px}
.planrow{grid-template-columns:1fr 1fr 36px;gap:6px}
.planrow input{min-width:0;font-size:13px}
.sourcecard{padding:18px}
.sourcegrid{gap:10px}
.sourcecard .service{float:left;margin-right:15px}
.sourcecard p{clear:both}
.mobilebrand{font-size:17px}
.mobilebrand img{width:26px}
.role{max-width:145px}
.detailtitle h1{font-size:23px}
.currencygrid{grid-column:auto;grid-template-columns:1fr}
.pagehead.detailheader{flex-wrap:wrap}
.messagecolumn{padding:16px}
.payment table{font-size:12px}
}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}


/* Kengash: same system font, neutral palette, sidebar and dashboard scale
   as artifacts/kengash-grok-redesign-2026-09-06/app. */
:root{--bg:#fcfcfc;--side:#f7f7f7;--bubble:#eee;--text:#141414;--ink:#141414;--muted:#6a6a6a;--line:#14141416;--hover:#e9e9e9;--strong:#070707;--on:#fcfcfc;--card:#fff;--blue:#141414;--green:#00673a;--amber:#824e00;--red:#c21d2e;--soft:#f7f8fa;--stat-surface:#f7f7f7;--focus:#3261a8;--elev-1:0 1px 2px #1414140a,0 2px 8px #1414140d;--elev-2:0 2px 4px #1414140d,0 8px 24px #14141412;--nav-active:#ececec;--alert:#c8102e;--well-line:#1414142e;color:var(--text);background:var(--bg);font-size:14px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}
body{font-size:14px;background:var(--bg)}
.layout{grid-template-columns:260px minmax(0,1fr)}
.sidebar{background:var(--card);padding:18px 12px 12px;overflow-y:auto}
.brand{height:46px;padding:0 10px;margin:0 0 24px;gap:0}
.kengash-logo{width:128px;height:35px;display:block}
.workspace-project{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid var(--line);border-radius:12px;margin:0 4px 28px;background:var(--bg)}
.workspace-project .project-mark{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;background:white}
.workspace-project strong{display:block;font-size:14px;font-weight:600}
.workspace-project small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.navlabel{font-size:11px;letter-spacing:.8px;padding:0 12px 10px;font-weight:500;color:var(--muted)}
.nav{gap:4px}
.nav a{display:flex;align-items:center;border-radius:10px;padding:10px 12px;gap:12px;color:var(--text);font-size:15px;font-weight:400;min-height:52px;line-height:1.35;background:transparent;border:0;box-shadow:none}
.nav a:hover{background:var(--hover)}
.nav a.active{background:var(--nav-active);color:var(--text);font-weight:500;border:0;box-shadow:none}
.nav-icon{height:32px;width:32px;display:grid;place-items:center;flex:none;border:1px solid var(--well-line);border-radius:50%;background:transparent}
.nav-icon svg{width:19px;height:19px;stroke-width:1.5}
.nav .count{margin-left:auto;background:var(--alert);color:#fff;border-radius:999px;font-weight:700;flex:none;min-width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0 7px;font-size:12px}
.sidenote{background:transparent;border-top:1px solid var(--line);border-radius:0;padding:18px 12px 0;color:var(--muted);font-size:12px}
.sidenote strong{font-weight:500;color:var(--text)}
.profile{padding:18px 10px 4px;margin-top:16px}
.avatar,.avatar.rose,.avatar.mint,.avatar.gold{color:#3d3d3d;background:#ededed;font-weight:500}
.profile .avatar{width:32px;height:32px;background:#e3e3e3}
.profile strong{font-weight:500}.profile span{font-size:11px}
.topbar{height:68px;padding:0 32px;background:var(--bg)}
.breadcrumbs{font-size:13px}.breadcrumbs strong{font-weight:500}
.topactions{gap:12px}
.role{min-height:38px;font-size:13px;border-radius:10px;background:var(--bg);max-width:230px}
.iconbtn{border-radius:10px;color:var(--muted);background:transparent;min-width:38px;min-height:38px}
.iconbtn:hover{background:var(--hover)}
.demo{background:#f5f5f5;padding:9px 32px;color:var(--muted);font-size:12px;border-bottom:1px solid var(--line)}
.demo strong,.demo button{color:#454545}.demo svg{width:16px;height:16px}.demo button{font-size:12px}
.content{max-width:none;padding:28px 32px 40px}
h1{font-size:25px;font-weight:600;letter-spacing:-.7px}h2{font-size:17px;font-weight:600;letter-spacing:-.3px}h3{font-size:14px;font-weight:600}
.pagehead{margin-bottom:24px}.pagehead p{font-size:13px;margin-top:5px}
.btn{min-height:42px;border-radius:24px;padding:10px 17px;font-weight:500;font-size:14px}
.primary{background:var(--strong);color:var(--on);box-shadow:none}.primary:hover{background:#333}
.secondary{background:var(--card);border:1px solid #dedede;color:var(--text)}.secondary:hover{background:var(--hover)}
.textbtn{color:var(--text);font-weight:500}
.stats{gap:14px;margin-bottom:22px}
.stat{padding:20px;border-radius:18px;background:var(--card);box-shadow:none}
.stat .label{font-size:13px;color:var(--muted);margin-bottom:20px}.stat .label svg{color:#666;width:18px}
.stat strong{font-size:32px;font-weight:600;letter-spacing:-1.1px}.stat .foot{font-size:12px;color:var(--muted)}.stat .foot.red{color:var(--red)}
.card,.sourcecard{border-radius:16px;background:var(--card)}
.callout{background:#fff7f7;border-color:#efdddd;border-radius:12px;padding:14px 16px}.callout strong{font-weight:600}.callout .textbtn{font-size:13px}
.toolbar{padding:14px 18px;gap:14px}.tabs{gap:4px}.tab{border-radius:20px;font-size:13px;min-height:38px;padding:9px 12px;color:var(--muted)}.tab.active{color:var(--text);background:var(--bubble);font-weight:500}
.searchbox{max-width:280px}.searchbox input{background:var(--card);font-size:13px;height:40px;border-radius:10px}.searchbox svg{top:11px}
th{background:#fafafa;color:var(--muted);font-size:12px;font-weight:500;padding:13px 16px}
td{border-color:#eeeeee;padding:18px 16px;font-size:13px}
.person strong{font-size:13px;font-weight:500}.person small,.stack small{font-size:12px;color:var(--muted)}.stack strong{font-size:13px;font-weight:500}
tr.clickrow:hover{background:#f6f6f6}tr.errorrow{background:#fff8f8}tr.errorrow:hover{background:#fff1f1}
.badge{border-radius:6px;padding:5px 8px;font-weight:500;font-size:12px}.badge.confirmed{color:#00673a;background:#eaf6ee}.badge.error{color:#b91c2b;background:#ffebed}.badge.pending{color:#824e00;background:#fff4dc}.badge.neutral,.badge.info{color:#555;background:#f0f0f0}
.tablefooter{color:var(--muted)}
.summaryrow,.paymeta,.locked,.info dt,.timelineitem small,.footnote,.historynote,.field small{color:var(--muted)}
.sourceamount{color:var(--text);font-weight:600}.sourcecard .service,.integration .service{background:var(--bubble);color:var(--text);font-weight:600}
.notice,.note{color:#555;background:#f4f4f4}.service{background:var(--bubble);color:var(--text)}
.messagecolumn{background:#f5f5f5;border-radius:16px}.message{box-shadow:none;border-color:var(--line)}.message .sender{color:#333;font-weight:600}.message .btn{background:#ededed;color:var(--text)}
.receipt{background:#fafafa;border-color:#ccc}.pill{color:var(--muted);border-color:var(--line)}
dialog{border:1px solid var(--line);border-radius:20px;box-shadow:0 24px 90px #0002;max-height:90dvh}dialog::backdrop{background:#0005;backdrop-filter:blur(2px)}
.modalhead h2{font-size:18px}.modalhead p{font-size:12px}.modalfoot{background:#fafafa}
.field label{color:#454545;font-weight:500}.field input,.field select,.field textarea{border-color:#dcdcdc;border-radius:10px}.formsection{color:var(--text);font-weight:600}.formsection span{background:var(--bubble);color:var(--text)}.amountwords{color:#454545!important}
.formdetail summary{font-weight:500;color:var(--muted)}
.toast{background:#141414;border-radius:12px}.progress span{background:#141414}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #0c64c1;outline-offset:3px}
@media(min-width:1600px){.stat{padding:22px}.content{padding-top:32px}td{padding-top:20px;padding-bottom:20px}}
@media(max-width:1200px) and (min-width:961px){.layout{grid-template-columns:230px minmax(0,1fr)}.content{padding:24px}.topbar{padding:0 24px}.demo{padding:9px 24px}.stat{padding:16px}.stat strong{font-size:27px}.toolbar{align-items:stretch}.searchbox{max-width:none}}
@media(max-width:960px){.layout{grid-template-columns:1fr}.content{padding:24px}.topbar{height:64px;padding:0 24px}.demo{padding:9px 24px}.sidebar.open{width:260px}.mobilebrand{font-size:15px;font-weight:500}.mobilebrand .kengash-logo{width:97px;height:29px}.mobilebrand span{color:var(--muted);border-left:1px solid var(--line);padding-left:9px;font-size:13px}.topactions{margin-left:auto}.stat{padding:16px}.stat strong{font-size:27px}}
@media(max-width:640px){.content{padding:22px 16px}.topbar{padding:0 16px;gap:8px}.demo{padding:9px 16px;align-items:flex-start}.demo>span{line-height:1.5}.demo>span>svg{flex:none;margin-top:2px}.demo button{font-size:11px}.mobilebrand span{display:none}.mobilebrand .kengash-logo{width:82px;height:25px}.role{font-size:11px;max-width:145px;min-height:38px;padding-left:8px;padding-right:18px}.iconbtn{min-width:38px;min-height:38px}h1{font-size:24px}.pagehead p{font-size:12px}.pagehead>.btn{font-size:12px;padding:10px 13px}.stats{gap:10px}.stat{padding:15px;border-radius:14px}.stat .label{font-size:12px;margin-bottom:16px}.stat strong{font-size:27px}.stat .foot{font-size:11px}.stat .unit{font-size:11px}.toolbar{padding:12px}.searchbox{max-width:none}.tab{padding:9px;font-size:12px}.tablewrap.customers tr{gap:12px}.tablewrap.customers td:nth-child(6){display:block;grid-column:1;grid-row:3;padding-left:48px}.tablewrap.customers td:last-child{grid-row:1/4}.modalhead{padding:18px}.modalbody{padding:20px 18px}.modalfoot{padding:14px 18px}.modalfoot .btn{font-size:13px}.callout .textbtn{min-height:38px}.topactions{gap:6px}}

/* Phone-first customer lookup and installment entry. */
.phone-entry{max-width:440px;margin:4px auto 28px}.phone-entry input{font-size:22px;letter-spacing:.5px;min-height:56px}.phone-entry p{line-height:1.65;margin-top:12px}
.lookup-results{display:grid;gap:12px;margin-bottom:20px}.lookup-result{display:flex;align-items:flex-start;gap:12px;padding:20px;border:1px solid var(--line);border-radius:14px;cursor:pointer;background:#fafafa}.lookup-result input{margin-top:3px;accent-color:#141414;width:17px;height:17px;flex:none}.lookup-result strong{font-size:17px;font-weight:600}.lookup-result p{font-size:13px;color:var(--muted);line-height:1.7;margin-top:5px}.lookup-result small{font-size:12px;color:var(--muted)}.lookup-totals{display:flex;flex-wrap:wrap;gap:8px 20px;margin:14px 0;font-size:13px}.lookup-totals b{font-weight:500}
.lookup-phone{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#f5f5f5;border-radius:12px;margin-bottom:22px}.lookup-phone>span{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lookup-phone strong{font-weight:500}.lookup-phone small{color:var(--muted);font-size:12px}.lookup-phone .textbtn{font-size:12px}
.payment-identity{display:flex;align-items:flex-start;gap:10px;padding:14px 16px;margin:18px 0;border:1px solid var(--line);border-radius:12px;background:#fafafa}.payment-identity>div{min-width:0;flex:1}.payment-identity svg{width:16px;margin-top:2px;color:var(--muted)}.payment-identity label{display:block;font-size:12px;font-weight:500}.payment-identity input{width:100%;border:0;background:transparent;padding:7px 0;font-size:12px;font-variant-numeric:tabular-nums;min-height:34px;color:var(--text)}.payment-identity small{display:block;font-size:12px;line-height:1.6;color:var(--muted)}
.payment-details{border:1px solid var(--line);border-radius:12px;padding:14px 16px}.payment-details summary{cursor:pointer;font-size:13px;color:var(--muted);min-height:24px;line-height:24px}.payment-details .formgrid{margin-top:20px}
@media(max-width:640px){.lookup-phone{align-items:flex-start;flex-direction:column}.lookup-result{padding:16px}.lookup-totals{flex-direction:column}.phone-entry input{font-size:20px}.payment-identity{padding:12px}.payment-identity input{font-size:10px}}
/* Live local platform: quiet workspace, invited accounts and focused connections. */
.sidebar .brand{margin-bottom:30px}.content{padding-top:34px}.account-menu{position:relative}.account-menu .profile{cursor:pointer;list-style:none;border:0;margin:0;padding:14px 12px;min-height:72px;border-radius:10px;gap:14px;background:transparent;box-shadow:none}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary::marker{content:""}.account-menu .profile .avatar{width:40px;height:40px;font-size:14px}.account-menu summary small{display:block;margin-top:2px;font-size:12px;line-height:1.4;font-weight:400;color:var(--muted)}.account-menu summary>span:nth-child(2){min-width:0}.account-menu summary strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;line-height:1.3}.account-menu[open] summary,.account-menu summary:hover{background:var(--hover)}.account-options{position:absolute;bottom:calc(100% + 8px);left:0;right:0;background:white;border:1px solid var(--line);box-shadow:0 8px 30px #0001;border-radius:12px;padding:6px;z-index:8}.account-options a,.account-options button{display:block;width:100%;text-align:left;color:var(--ink);background:transparent;padding:12px 10px;border-radius:8px;font-size:13px}.account-options a:hover,.account-options button:hover{background:#f6f6f6}
.heading-with-menu{display:flex;gap:10px;align-items:center}.page-actions{display:flex;align-items:center;gap:10px}.clientfilters label{font-size:12px;color:var(--muted)}.clientfilters input,.clientfilters select{min-height:42px;font-size:13px;background:white}.filter-reset{margin-bottom:2px}.stats .stat strong{font-size:clamp(20px,1.8vw,30px);overflow-wrap:anywhere}.stat .unit{display:block;margin:6px 0 0;font-size:11px}
.sale-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.sale-header-actions .btn{min-height:44px}.delete-warning{padding:16px 18px;border:1px solid #efb7c0;border-radius:12px;background:#fff4f5;color:#852331;line-height:1.65}.delete-warning strong{color:#681520}.btn.danger:disabled{opacity:.48;cursor:not-allowed}
.business-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 28px}.business-choice button{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;font-size:15px;font-weight:500}.business-choice .selected{border-color:#141414;background:#f1f1f1}.business-choice small{display:block;font-size:11px;margin-top:4px;color:var(--muted)}.business-choice button:disabled{opacity:.55}
.choice-block h3{margin:0 0 10px;color:#454545}.business-filter{display:flex;gap:8px;flex-wrap:wrap;margin:-8px 0 22px}.business-filter button{min-height:38px;padding:8px 15px;border:1px solid var(--line);border-radius:20px;background:white;color:var(--muted)}.business-filter button.selected{background:#141414;color:white;border-color:#141414}.formgrid.single{grid-template-columns:minmax(0,1fr)}
.sale-entry-form{display:grid;gap:0;max-width:620px;margin:0 auto}.sale-entry-form>.formgrid{gap:18px}.flow-heading{margin:34px 0 8px;font-size:17px}.flow-help{line-height:1.65;margin-bottom:16px}.payment-flat{margin-top:2px}.payment-flat>p{line-height:1.65}.installment-rows{display:grid;gap:18px}.installment-row{display:grid;grid-template-columns:32px minmax(0,1fr) 42px;gap:10px 12px;align-items:start}.installment-row .installment-number{grid-column:1;grid-row:1;display:grid;place-items:center;width:28px;height:28px;margin-top:25px;border-radius:50%;background:#ededed;font-size:12px;font-weight:600}.installment-row .field{grid-column:2}.installment-row .field:nth-of-type(1){grid-row:1}.installment-row .field:nth-of-type(2){grid-row:2}.installment-row>.iconbtn{grid-column:3;grid-row:1;margin-top:22px}.add-installment{justify-self:start;margin-top:16px}.schedule-total{margin-top:12px;color:var(--red);font-size:13px;line-height:1.6}.schedule-total.complete{color:var(--green)}dialog:has(.sale-entry-form) .modalhead,dialog:has(.sale-entry-form) .modalfoot{border:0}dialog:has(.sale-entry-form) .modalfoot{background:white}.installment-list{padding:6px 20px}.installment-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}.installment-line strong,.installment-line small{display:block}.installment-line strong{font-size:14px}.installment-line small{color:var(--muted);font-size:12px;margin-top:5px}.side-sales{padding:20px}.side-sales h3{margin-bottom:12px}.side-sales a{display:block;padding:10px 0;font-size:13px;line-height:1.5}.side-sales a+a{border-top:1px solid var(--line)}
.authwrap{min-height:100dvh;display:grid;place-items:center;background:#f7f7f7;padding:32px 18px}.authcard{max-width:460px;width:100%;background:white;border:1px solid var(--line);border-radius:24px;padding:40px}.authbrand{display:inline-flex;margin-bottom:36px}.authbrand .kengash-logo{width:140px;height:38px}.authcard h1{font-size:26px}.authintro{font-size:14px;color:var(--muted);line-height:1.7;margin:12px 0 26px}.authfields{display:grid;gap:18px;margin-bottom:24px}.authfields input{min-height:48px}.authlink{display:block;text-align:center;font-size:13px;margin-top:22px;text-decoration:underline}.authhelp{font-size:12px;color:var(--muted);line-height:1.65;text-align:center;margin-top:26px}#authresult{font-size:13px;line-height:1.7;color:var(--green);margin-top:20px}.authcard .fullwidth{min-height:48px}
.profilecard{max-width:700px;padding:28px}.profilehero{display:flex;align-items:center;gap:16px;margin-bottom:16px}.profilehero .avatar{width:58px;height:58px;font-size:22px}.profilehero p{font-size:13px;margin-top:5px}.profilecard .info{padding:20px 0}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding-top:22px}.invite-link{display:grid;gap:16px;margin-bottom:20px}.invite-link input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:12px;background:#fafafa}.invite-link a{text-decoration:underline}.qr-box{display:grid;place-items:center;max-width:300px;margin:0 auto 20px}.qr-box svg{width:100%;height:auto;background:white}.qr-box svg path{fill:#000;stroke:none}.integration .flex{flex-wrap:wrap}.integration .btn{margin-top:4px;margin-right:6px}.message p{overflow-wrap:anywhere;white-space:pre-line}.message .btn{width:auto}
@media(max-width:960px){.content{padding-top:24px}.heading-with-menu .mobiletoggle{display:flex}.clientfilters{grid-template-columns:1fr 1fr 1fr}.profilecard{padding:22px}.account-menu .profile{min-height:64px}}
@media(max-width:640px){.clientfilters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.clientfilters input{min-width:0}.stats .stat strong{font-size:23px}.authcard{padding:28px 22px;border-radius:20px}.authcard h1{font-size:24px}.authwrap{padding:20px 14px}.authbrand{margin-bottom:28px}.business-choice button{padding:14px 10px;font-size:13px}.page-actions .btn{font-size:12px;padding:10px 12px}.sale-header-actions{width:100%;justify-content:stretch}.sale-header-actions .btn{flex:1 1 auto}.heading-with-menu h1{font-size:22px}.profile-actions{display:grid}.account-menu summary strong{max-width:165px}.business-filter{margin-top:-4px}.business-filter button{font-size:12px;padding:8px 12px}.sale-entry-form{max-width:none}.installment-row{grid-template-columns:28px minmax(0,1fr) 38px;gap:8px}.installment-row .installment-number{width:25px;height:25px}.flow-heading{margin-top:28px}.installment-list{padding:4px 16px}}

/* Compact filters and a program-aware range calendar. */
.clientfilters{display:flex;justify-content:flex-end;align-items:flex-end;gap:10px;margin:0 0 22px}.clientfilters>.field{width:190px;flex:0 1 190px;min-width:0}.clientfilters>.calendar-filter{width:auto;flex:0 1 auto;max-width:420px}.clientfilters input,.clientfilters select{min-height:38px;padding:8px 12px;font-size:12px}.clientfilters label{font-size:11px;margin-bottom:6px}.date-trigger{display:flex;gap:9px;align-items:center;min-height:38px;padding:8px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;font-size:12px;text-align:left;width:100%;white-space:nowrap}.date-trigger span{flex:1;overflow:hidden;text-overflow:ellipsis}.date-trigger svg{width:15px;height:15px;flex:none}.date-trigger svg:last-child{width:12px;transform:rotate(90deg);color:#777}.date-trigger:hover{border-color:#aaa}
.status-filter{position:relative}.status-filter>.filter-label{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}.status-multiselect{position:relative}.status-multiselect>summary{display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 12px;border:1px solid #ddd;border-radius:10px;background:#fff;color:var(--text);font-size:12px;list-style:none;cursor:pointer;user-select:none}.status-multiselect>summary::-webkit-details-marker{display:none}.status-multiselect>summary span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-multiselect>summary svg{width:12px;height:12px;flex:none;transform:rotate(90deg);color:#777;transition:transform .16s ease}.status-multiselect>summary:hover{border-color:#aaa}.status-multiselect>summary:focus-visible{outline:2px solid #2768c7;outline-offset:2px}.status-multiselect[open]>summary{border-color:#2768c7;box-shadow:0 0 0 2px #2768c726}.status-multiselect[open]>summary svg{transform:rotate(270deg)}.status-filter-menu{position:absolute;z-index:80;top:calc(100% + 8px);right:0;width:max(100%,280px);max-height:min(430px,70vh);overflow:auto;padding:7px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 16px 40px #0000001f}.status-filter-clear,.status-filter-menu .status-filter-option{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;margin:0;padding:9px 10px;border:0;border-radius:9px;background:transparent;color:var(--text);font-size:13px;line-height:1.25;text-align:left;cursor:pointer}.status-filter-clear span:first-child,.status-filter-option span{flex:1}.status-filter-clear:hover,.status-filter-option:hover{background:#f4f4f4}.status-filter-clear:focus-visible,.status-filter-option:has(input:focus-visible){outline:2px solid #2768c7;outline-offset:-2px}.status-filter-clear.selected{background:#f1f5fb;font-weight:650}.status-filter-check{display:flex;align-items:center;justify-content:center;width:18px;height:18px;opacity:0}.status-filter-clear.selected .status-filter-check{opacity:1}.status-filter-check svg{width:16px;height:16px}.status-filter-option input{width:18px;height:18px;min-height:18px;margin:0;padding:0;flex:none;accent-color:#151515;cursor:pointer}
.range-dialog{position:fixed;inset:auto 28px auto auto;margin:0;width:min(880px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #e4e4e4;border-radius:18px;background:#fff;box-shadow:0 16px 60px #0002;color:#191919;overflow:auto}.range-dialog::backdrop{background:#00000012}.range-layout{display:grid;grid-template-columns:165px minmax(0,1fr)}.range-sidebar{background:#f7f7f7;border-right:1px solid #e2e2e2;padding:16px 10px;min-width:0}.range-sidebar .field{margin:0 5px}.range-sidebar label{color:#777;font-size:12px;margin-bottom:5px}.range-sidebar select{padding:9px 10px;min-height:38px;background:#fff;font-size:13px;width:100%}.preset-heading{text-transform:uppercase;color:#777;letter-spacing:1.7px;font-size:10px;font-weight:600;margin:18px 10px 10px}.range-presets{display:flex;flex-direction:column;gap:2px;max-height:338px;overflow:auto}.range-presets button{background:transparent;border:0;border-radius:9px;text-align:left;min-height:34px;padding:8px 14px;font-size:13px;white-space:nowrap}.range-presets button:hover,.range-presets button.selected{background:#e9e9e9}.range-presets .selected{font-weight:600;padding-left:9px}.range-presets button:disabled{color:#bbb;cursor:default;background:none}.range-main{min-width:0}.range-months{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px 22px 18px;min-height:334px}.calendar-month h2{font-size:17px;text-align:center;font-weight:600;line-height:26px;margin:0 0 20px}.calendar-prev,.calendar-next{position:absolute;top:22px;width:27px;min-width:27px;min-height:28px;border:0;background:transparent}.calendar-prev{left:16px}.calendar-next{right:16px}.calendar-prev svg,.calendar-next svg{width:15px;height:15px}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center}.weekdays{font-size:12px;color:#777;margin-bottom:8px}.weekdays span{padding:3px 0}.calendar-days{row-gap:4px}.calendar-day{border:0;background:transparent;border-radius:0;min-height:33px;padding:0;font-size:14px;font-variant-numeric:tabular-nums}.calendar-day:hover:not(:disabled){background:#e2e2e2;border-radius:10px}.calendar-day:disabled{color:#bbb;cursor:default}.calendar-day.in-range{background:#eee}.calendar-day.today{box-shadow:inset 0 0 0 1px #141414;border-radius:11px;font-weight:600}.calendar-day.range-end,.calendar-day.range-end:hover{border-radius:11px;background:#0a0a0a;color:white;font-weight:600}.calendar-day:focus-visible{position:relative;z-index:1;outline:2px solid #555;outline-offset:1px}.range-footer{border-top:1px solid #e7e7e7;padding:18px 20px 16px}.range-inputs{display:grid;grid-template-columns:minmax(0,1fr) 14px minmax(0,1fr) auto auto;gap:9px;align-items:end}.range-inputs .field{min-width:0}.range-inputs label{font-size:12px;color:#777;margin-bottom:7px}.range-inputs input{min-width:0;width:100%;min-height:39px;padding:8px 9px;font-size:12px;background:#fff}.range-inputs .btn{min-height:39px;padding:9px 12px;font-size:12px;border-radius:11px}.range-inputs .btn:disabled{opacity:.4;cursor:default}.range-arrow{margin-bottom:11px}.range-arrow svg{width:14px;height:14px;color:#777}.range-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;color:#777;font-size:10px;line-height:1.5;margin-top:13px}.range-error{color:#a52b2b;font-size:11px;line-height:1.5;margin-top:8px}.range-error:empty{display:none}
.account-options a,.account-options button{display:flex;align-items:center;gap:10px}.account-options svg{width:16px;height:16px;flex:none}.account-options .logout-action,.logout-action{color:#c73535}.account-options .logout-action:hover{background:#fff0f0}.profile-password{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.profile-password h2{font-size:16px;margin-bottom:18px}.password-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.password-fields>.field:first-child{grid-column:1/-1}.profile-logout{display:flex;align-items:center;gap:10px;background:transparent;margin-top:28px;padding:18px 0 0;border-top:1px solid var(--line);width:100%;text-align:left;font-size:14px}.profile-logout svg{width:18px;height:18px}.profile-logout:hover{text-decoration:underline}.profilecard .info dd{overflow-wrap:anywhere}
@media(max-width:700px){.clientfilters{gap:8px;flex-wrap:wrap}.clientfilters>.field{flex:0 1 150px}.clientfilters>.calendar-filter{flex:0 1 auto;max-width:100%}.range-dialog{right:12px;width:calc(100vw - 24px)}.range-layout{grid-template-columns:135px minmax(0,1fr)}.range-sidebar{padding:14px 7px}.range-presets button{padding-left:9px;font-size:12px}.range-months{gap:12px;padding:18px 14px;grid-template-columns:1fr;min-height:0}.calendar-month h2{margin-bottom:12px;font-size:16px}.calendar-month+.calendar-month{border-top:1px solid var(--line);padding-top:14px}.calendar-prev,.calendar-next{top:17px}.range-presets{max-height:470px}.calendar-days{row-gap:2px}.calendar-day{min-height:30px;font-size:13px}.range-footer{padding:14px}.range-inputs{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.range-arrow{display:none}.range-inputs .btn{margin-top:3px}.range-inputs input{font-size:11px;padding:7px}.range-caption{font-size:10px;display:block}.range-caption span{display:block;margin-top:5px}.password-fields{grid-template-columns:1fr}}
@media(max-width:420px){.clientfilters>.field{flex:0 1 130px}.clientfilters>.calendar-filter{flex:1 1 170px}.clientfilters .date-trigger{font-size:11px}.range-layout{grid-template-columns:112px minmax(0,1fr)}.range-sidebar select{font-size:11px;padding:8px 4px}.range-sidebar .field{margin:0}.range-months{padding-left:8px;padding-right:8px}.calendar-day{min-height:29px;font-size:12px}.weekdays{font-size:10px}.calendar-month h2{font-size:14px}.range-sidebar{padding:12px 6px}.range-presets button{padding:8px;font-size:11px}.range-footer{padding:10px}.range-inputs{gap:6px}.range-inputs input{font-size:10px;padding:6px 3px}.range-inputs .btn{padding:8px;font-size:11px}}

/* Compact sale entry: one responsive DOM, paired desktop fields and clear inline totals. */
dialog:has(.sale-entry-form){width:min(900px,calc(100% - 28px))}
dialog:has(.sale-entry-form) .modalbody{padding-top:20px;padding-bottom:20px}
dialog:has(.sale-entry-form) .modalhead,dialog:has(.sale-entry-form) .modalfoot{border:0}
dialog#modal[open]{display:flex;flex-direction:column;overflow:hidden}
#modal #dialogform{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;max-height:100%;width:100%}
#modal .modalhead,#modal .modalfoot{position:static;flex:0 0 auto;z-index:auto}
#modal .modalbody{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:16px}
.sale-entry-form{max-width:780px;gap:22px}
.sale-entry-form>.formgrid,.sale-details-grid,.first-payment-grid,.payment-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin:0}
.sale-entry-form .payment-flat{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;width:100%;margin:0}
.sale-entry-form .field{gap:7px}
.sale-entry-form .field label{font-size:13px;font-weight:600;color:#454545}
.sale-entry-form .field :is(input,select,textarea),.sale-entry-form :is(input.platform-select,select.platform-select){min-height:48px;border:1px solid #dcdcdc;border-radius:12px;background-color:#fff;font-size:15px;padding:11px 14px;transition:border-color .16s,box-shadow .16s,background-color .16s}
.sale-entry-form .field :is(input,select,textarea):hover{border-color:#bcbcbc}
.sale-entry-form :is(input,select,textarea,button):focus-visible{outline:2px solid #0c64c1;outline-offset:2px}
.sale-entry-form select,.sale-entry-form .platform-select select,select.platform-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235b5b5b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:42px}
.sale-entry-form input[type=date]{min-width:0;font-variant-numeric:tabular-nums}
:root:not([data-theme="dark"]) .sale-entry-form input[type=date]{color-scheme:light}
:root[data-theme="dark"] .sale-entry-form input[type=date]{color-scheme:dark}
.sale-entry-form input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;width:20px;height:20px;padding:6px;margin:-6px;opacity:.82}
.sale-entry-form :is(.money-input,#price,#amount,[name=installmentAmount]){font-variant-numeric:tabular-nums;letter-spacing:.01em}
.sale-entry-form :is(.money-input,#price,#amount,[name=installmentAmount])::-webkit-inner-spin-button,.sale-entry-form :is(.money-input,#price,#amount,[name=installmentAmount])::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.sale-entry-form .formsection{margin:22px 0 0;padding:0;border:0}
.sale-entry-form .divider{display:none}
.sale-entry-form .flow-heading{margin:0;padding:0;border:0;font-size:16px;line-height:1.4}
.sale-entry-form .flow-help{margin:0;line-height:1.55}
.sale-source,.sale-entry-form .platform-select,.sale-entry-form .date-field{min-width:0}
.sale-price,.participant-count-field{align-self:start;min-width:0}
.sale-manager{grid-column:1/-1}
.participant-step{position:relative;z-index:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;min-width:0;margin-top:2px}
.participant-step[hidden]{display:none}
.participant-count-field{grid-column:1}
.participant-help{grid-column:2;align-self:end;min-height:48px;display:flex;align-items:center;color:var(--muted);font-size:12px;line-height:1.55}
.participant-combobox{position:relative;min-width:0}
.participant-combobox-input{padding-right:52px!important}
.participant-combobox-toggle{position:absolute;top:1px;right:1px;display:grid;place-items:center;width:46px;min-width:46px;height:46px;padding:0;border:0;border-left:1px solid #e6e6e6;border-radius:0 11px 11px 0;background:#f8f8f8;color:#555;cursor:pointer;touch-action:manipulation}
.participant-combobox-toggle:hover{background:#f0f0f0;color:var(--ink)}
.participant-combobox-toggle svg{width:16px;height:16px;transform:rotate(90deg);transition:transform .16s ease}
.participant-combobox-toggle[aria-expanded=true] svg{transform:rotate(-90deg)}
.participant-options{position:absolute;top:calc(100% + 7px);left:0;right:0;z-index:6;display:grid;grid-template-columns:repeat(4,minmax(44px,1fr));gap:7px;max-height:190px;overflow:auto;overscroll-behavior:contain;padding:8px;border:1px solid #dedede;border-radius:12px;background:#fff;box-shadow:0 12px 32px #1717171f}
.participant-options[hidden]{display:none}
.participant-options{z-index:30}
.participant-options[data-placement="top"]{box-shadow:0 -12px 32px #17171714}
.participant-option{display:flex;align-items:center;justify-content:center;min-width:0;min-height:44px;padding:8px 9px;border:1px solid #e2e2e2;border-radius:10px;background:#fafafa;color:#454545;font-size:13px;font-weight:650;line-height:1.2;text-align:center;cursor:pointer;touch-action:manipulation}
.participant-option:hover{border-color:#c6c6c6;background:#f1f1f1}
.participant-option:is(.selected,[aria-selected=true]){border-color:#141414;background:#141414;color:#fff}
.participant-combobox :is(.participant-combobox-input,.participant-combobox-toggle,.participant-option):focus-visible{outline:2px solid #0c64c1;outline-offset:2px}
.participant-rows{grid-column:1/-1;display:grid;gap:12px;min-width:0;margin-top:4px}
.participant-row{display:grid;grid-template-columns:34px minmax(0,1.1fr) minmax(0,1.1fr) minmax(120px,.85fr);align-items:start;gap:12px;min-width:0;padding:14px;border:1px solid #ededed;border-radius:14px;background:#fcfcfc}
.participant-row>*{min-width:0}
.participant-row>.participant-number{grid-column:1;grid-row:1;display:grid;place-items:center;align-self:start;width:30px;height:30px;margin-top:34px;margin-bottom:0;border-radius:50%;background:#ededed;color:#404040;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.participant-row>.participant-phone-field{grid-column:2;grid-row:1}
.participant-row>.participant-name-field{grid-column:3;grid-row:1}
.participant-row>.participant-allocation-field{grid-column:4;grid-row:1}
.participant-row>.participant-free{grid-column:4;grid-row:1}
.date-quick,.date-quick-actions,.sale-date-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.date-quick button,.date-quick-actions button,.sale-date-options button{min-height:44px;padding:9px 13px;border:1px solid #dedede;border-radius:10px;background:#fff;color:#555;font-size:13px;font-weight:600}
.date-quick button:hover,.date-quick-actions button:hover,.sale-date-options button:hover{background:#f6f6f6;border-color:#c7c7c7}
.date-quick button.selected,.date-quick-actions button.selected,.sale-date-options button.selected{background:#141414;border-color:#141414;color:#fff}
.platform-date-field{min-width:0}
.date-control{display:grid;grid-template-columns:minmax(0,1fr) 48px auto;align-items:stretch;gap:8px;min-width:0}
.date-control>input{min-width:0}.date-display-input{font-variant-numeric:tabular-nums;letter-spacing:.025em}
.date-picker-control{position:relative;display:flex;align-items:center;justify-content:center;width:48px;min-width:48px;min-height:48px;border:1px solid #dedede;border-radius:12px;background:#f7f7f7;color:#454545}
.date-picker-control svg{width:21px;height:21px;pointer-events:none}.date-native-picker{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.date-picker-control:focus-within{outline:3px solid #111;outline-offset:2px}
.date-picker-control:hover{background:#eeeeee;border-color:#c8c8c8}.date-picker-control:has(.date-native-picker:disabled){background:#f5f5f5;color:#999}
.date-today{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:48px;padding:10px 14px;border:1px solid #dedede;border-radius:12px;background:#f7f7f7;color:#454545;font-size:13px;font-weight:700;white-space:nowrap}
.date-today:hover{background:#eeeeee;border-color:#c8c8c8}
.date-today:active{background:#e7e7e7}
.date-today:disabled{background:#f5f5f5;color:#999}
.first-payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.bank-reference-grid{margin-top:14px}
.bank-reference-grid[hidden]{display:none!important}
.first-payment-grid,.sale-entry-form .payment-flat{align-items:start}
.payment-details-grid:empty{display:none}
.payment-details-grid>:only-child{grid-column:1/-1}
.sale-entry-form .payment-flat>.field:has(#amountcheck),.first-payment-grid>.field:has(#amountcheck),.sale-entry-form .payment-flat>.form-hint,.sale-entry-form .payment-flat>p{grid-column:1/-1}
.sale-entry-form #amountcheck:empty{display:none}
.sale-entry-form #amountcheck:not(:empty){display:block;min-height:20px;margin-top:-4px}
.installment-schedule{display:grid;gap:12px;min-width:0}
.installment-rows{gap:12px}
.installment-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 44px;gap:12px;align-items:end;padding:14px;border:1px solid #ededed;border-radius:14px;background:#fcfcfc}
.installment-row .installment-number{grid-column:1;grid-row:1;align-self:end;width:30px;height:30px;margin:0 0 9px;border-radius:50%;background:#ededed;color:#404040;font-size:12px;font-weight:700}
.installment-row .field{grid-row:1;grid-column:auto}
.installment-row .field:nth-of-type(1){grid-column:2;grid-row:1}
.installment-row .field:nth-of-type(2){grid-column:3;grid-row:1}
.installment-row>.iconbtn{grid-column:4;grid-row:1;align-self:end;min-width:44px;min-height:48px;margin:0;border-radius:12px;background:#fff}
.installment-row>.installment-fields,.installment-row>.installment-pair{grid-column:2/4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.add-installment{min-height:44px;margin-top:2px}
.schedule-actions,.installment-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.schedule-total{display:flex;align-items:center;width:fit-content;max-width:100%;min-height:42px;margin:0;padding:9px 12px;border:1px solid #efc6ce;border-radius:10px;background:#fff6f7;color:var(--red);font-size:13px;font-weight:600;line-height:1.45}
.schedule-total:empty{display:none}
.schedule-total.complete,.schedule-total.is-complete{border-color:#bddfd3;background:#f0faf6;color:var(--green)}
.schedule-total.warning,.schedule-total.is-error{border-color:#efc6ce;background:#fff6f7;color:var(--red)}
.payment-plan-summary{margin:12px 0 16px;padding:11px 13px;border:1px solid #e2e2e2;border-radius:10px;background:#f8f8f8;color:#555;font-size:13px;font-weight:600;line-height:1.5}
.payment-variance{min-height:42px;margin:14px 0 0;padding:10px 12px;border:1px solid #dedede;border-radius:10px;background:#fafafa;color:#555;font-size:13px;font-weight:600;line-height:1.5}
.payment-variance.warning{border-color:#ead9a8;background:#fffaf0;color:#7d5a0b}
.payment-variance.error{border-color:#efc6ce;background:#fff6f7;color:var(--red)}
.payment-variance.complete{border-color:#bddfd3;background:#f0faf6;color:var(--green)}
.payment-agreement{flex-basis:100%;color:#555;font-weight:600}
.payment-source-link{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:8px 13px;border:1px solid #dedede;border-radius:20px;background:#fff;color:var(--text);font-size:13px;font-weight:600;line-height:1.35;text-align:center}
.payment-source-link:hover{background:#f2f2f2;border-color:#c8c8c8}
.payment-source-link:focus-visible{outline:2px solid #0c64c1;outline-offset:2px}
.undated-debt{color:#9a5f00!important;font-weight:700}
.sale-participant-list{display:grid;padding:6px 20px}
.sale-participant{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:14px 0}
.sale-participant+.sale-participant{border-top:1px solid var(--line)}
.sale-participant .participant-number{display:grid;place-items:center;width:30px;height:30px;margin:0;border-radius:50%;background:#ededed;color:#404040;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.sale-participant>div{min-width:0}
.sale-participant strong,.sale-participant small{display:block;overflow-wrap:anywhere}
.sale-participant strong{font-size:14px;font-weight:600;line-height:1.45}
.sale-participant small{margin-top:3px;color:var(--muted);font-size:12px;line-height:1.45;font-variant-numeric:tabular-nums}
@media(max-width:700px){dialog:has(.sale-entry-form){width:min(900px,calc(100% - 20px));max-height:calc(100dvh - 20px)}dialog:has(.sale-entry-form) .modalbody{padding:18px 16px}.sale-entry-form{max-width:none;gap:20px}.sale-entry-form>.formgrid,.sale-details-grid,.first-payment-grid,.payment-details-grid{grid-template-columns:minmax(0,1fr);gap:14px}.participant-step{grid-template-columns:minmax(0,1fr);gap:8px}.participant-count-field,.participant-help,.participant-rows{grid-column:1}.participant-help{min-height:0;align-items:flex-start}.participant-options{grid-template-columns:repeat(4,minmax(44px,1fr))}.participant-row{grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px}.participant-row>.participant-number{grid-column:1;grid-row:1;align-self:start;margin-top:34px;margin-bottom:0}.participant-row>.participant-phone-field{grid-column:2;grid-row:1}.participant-row>.participant-name-field{grid-column:2;grid-row:2}.sale-entry-form .payment-flat>.field:has(#amountcheck),.first-payment-grid>.field:has(#amountcheck),.sale-entry-form .payment-flat>.form-hint,.sale-entry-form .payment-flat>p{grid-column:1}.installment-row{grid-template-columns:30px minmax(0,1fr) 44px;gap:10px;padding:12px}.installment-row .installment-number{grid-column:1;grid-row:1;margin:0;align-self:center}.installment-row .field:nth-of-type(1){grid-column:2;grid-row:1}.installment-row .field:nth-of-type(2){grid-column:2;grid-row:2}.installment-row>.iconbtn{grid-column:3;grid-row:1;align-self:end}.installment-row>.installment-fields,.installment-row>.installment-pair{grid-column:2;grid-template-columns:minmax(0,1fr)}.schedule-actions,.installment-footer{align-items:stretch;flex-direction:column}.schedule-total{width:100%}.sale-participant-list{padding:4px 16px}.sale-participant{gap:10px;padding:12px 0}}
@media(max-width:420px){.sale-entry-form .field :is(input,select,textarea),.sale-entry-form :is(input.platform-select,select.platform-select){font-size:16px}.participant-row{grid-template-columns:minmax(0,1fr)}.participant-row>.participant-number{grid-column:1;grid-row:1;width:28px;height:28px;margin:0}.participant-row>.participant-phone-field{grid-column:1;grid-row:2}.participant-row>.participant-name-field{grid-column:1;grid-row:3}.installment-row{grid-template-columns:minmax(0,1fr) 44px}.installment-row .installment-number{grid-column:1;grid-row:1;width:28px;height:28px;margin-bottom:8px}.installment-row .field:nth-of-type(1){grid-column:1;grid-row:2}.installment-row .field:nth-of-type(2){grid-column:1;grid-row:3}.installment-row>.iconbtn{grid-column:2;grid-row:1}.installment-row>.installment-fields,.installment-row>.installment-pair{grid-column:1/3;grid-row:2}.date-quick button,.date-quick-actions button,.sale-date-options button{flex:1 1 calc(50% - 4px)}}
@media(max-width:700px){.participant-row>.participant-allocation-field,.participant-row>.participant-free{grid-column:2;grid-row:3}}
@media(max-width:420px){.participant-row>.participant-allocation-field,.participant-row>.participant-free{grid-column:1;grid-row:4}}

/* Final participant picker, conditional payment flow and compact record identifiers. */
.participant-combobox{isolation:isolate}
.participant-combobox-input[aria-expanded=true]{border-color:#8a8a8a!important;box-shadow:0 0 0 3px #0c64c11a}
.participant-combobox-toggle[aria-expanded=true]{background:#ededed;color:var(--ink)}
.participant-option:active{background:#e7e7e7}
.participant-option[aria-selected=true]:active{background:#2d2d2d}
.participant-status{grid-column:1/-1;min-width:0;min-height:18px;margin:-2px 0 0;font-size:12px;line-height:1.5}
.participant-status:empty{display:none}
.participant-row{box-shadow:0 1px 0 #00000005}
.sale-payment-flow{display:grid;gap:22px;min-width:0;margin:0;padding:0;border:0}
.sale-entry-form [hidden],.sale-payment-flow[hidden],.sale-payment-flow [hidden]{display:none!important}
.sale-payment-flow:empty{display:none}
.summaryrow:has(.record-id-value){align-items:center;min-width:0}
.summaryrow:has(.record-id-value)>span{flex:0 0 auto}
.record-id-value{display:block;min-width:0;max-width:65%;overflow-wrap:anywhere;white-space:normal;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;text-align:right}
.summary-id,.record-id-control{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-width:0;max-width:68%;margin-left:auto}
.summary-id .record-id-value,.record-id-control .record-id-value{max-width:100%}
button:is(.copy-id,.record-id-copy,.summary-id-copy,[data-copy-id]){display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--muted)}
button:is(.copy-id,.record-id-copy,.summary-id-copy,[data-copy-id]):hover{background:var(--hover);color:var(--ink)}
button:is(.copy-id,.record-id-copy,.summary-id-copy,[data-copy-id]) svg{width:16px;height:16px}
@media(max-width:700px){.participant-status{min-height:0}.sale-payment-flow{gap:20px}.record-id-value{max-width:62%}.summary-id,.record-id-control{max-width:70%}}
@media(max-width:420px){.participant-options{grid-template-columns:repeat(2,minmax(44px,1fr))}.summaryrow:has(.record-id-value){align-items:flex-start;flex-direction:column;gap:6px}.record-id-value,.summary-id,.record-id-control{width:100%;max-width:100%;text-align:left;justify-content:flex-start;margin-left:0}}

/* Operational review and reconciliation states. */
.badge.review{color:#b22640;background:#fcecef}
.payment-problem{background:#fff7f8;box-shadow:inset 3px 0 var(--red)}
.payment-problem .payhead>strong,.payment-problem .cash-rejected-status{color:var(--red)}
.cash-rejected-status{margin:10px 0 0;font-size:12px;font-weight:650;line-height:1.5}
[data-business="milliard"]:disabled{cursor:not-allowed;opacity:.45}
.reconciliation-cases{margin-top:24px}
.reconciliation-list{display:grid;padding:4px 20px}
.reconciliation-case{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.reconciliation-case+.reconciliation-case{border-top:1px solid var(--line)}
.reconciliation-case>div{min-width:0}
.reconciliation-case strong,.reconciliation-case small{display:block;overflow-wrap:anywhere}
.reconciliation-case small{margin-top:4px;color:var(--muted);font-size:12px;line-height:1.5}
@media(max-width:640px){.reconciliation-list{padding:4px 16px}.reconciliation-case{align-items:flex-start;flex-direction:column}}

/* Recorded payment methods and repeat enrollment. */
.payment-methods{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-width:0}.payment-method{display:inline-flex;align-items:center;min-height:26px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:#f6f6f6;color:#454545;font-size:11px;line-height:1;white-space:nowrap}.repeat-enroll{width:100%;justify-content:center;margin-top:2px}.repeat-member{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:20px;border:1px solid var(--line);border-radius:14px;background:#fafafa}.repeat-member .avatar{flex:none}.repeat-member strong,.repeat-member small{display:block}.repeat-member small{margin-top:5px;color:var(--muted);font-variant-numeric:tabular-nums}
.payment-channel-correction{margin-top:10px;padding:9px 11px;border-radius:8px;background:#fff7e8;color:#7b5412}
@media(min-width:1201px){.tablewrap.customers td:nth-child(3),.tablewrap.customers td:nth-child(4),.tablewrap.customers td:nth-child(6){white-space:nowrap;font-variant-numeric:tabular-nums}}
@media(max-width:1200px){.tablewrap.customers table,.tablewrap.customers tbody{display:block}.tablewrap.customers thead{display:none}.tablewrap.customers tr{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:18px;border-top:1px solid var(--line);gap:10px 14px}.tablewrap.customers td{padding:0;border:0}.tablewrap.customers td:nth-child(1){display:block;grid-column:1;grid-row:1}.tablewrap.customers td:nth-child(2){display:block;grid-column:1;grid-row:2;padding-left:48px}.tablewrap.customers td:nth-child(3){display:block;grid-column:1;grid-row:3;padding-left:48px}.tablewrap.customers td:nth-child(4){display:block;grid-column:1;grid-row:4;padding-left:48px}.tablewrap.customers td:nth-child(5){display:block;grid-column:1;grid-row:5;padding-left:48px}.tablewrap.customers td:nth-child(6){display:block;grid-column:1;grid-row:6;padding-left:48px}.tablewrap.customers td:nth-child(7){display:block;grid-column:1;grid-row:7;padding-left:48px}.tablewrap.customers td:nth-child(8){display:block;grid-column:2;grid-row:1/8;align-self:center}.tablewrap.customers td:nth-child(3):before{content:'Sotuv summasi: ';font-size:12px;color:#8c8c8c}.tablewrap.customers td:nth-child(4):before{content:'To‘langan: ';font-size:12px;color:#8c8c8c}.tablewrap.customers td:nth-child(5):before{content:'To‘lov usuli: ';display:block;margin-bottom:7px;font-size:12px;color:#8c8c8c}.tablewrap.customers td:nth-child(6):before{content:'Qolgan qarz: ';font-size:12px;color:#8c8c8c}.tablewrap.customers td:first-child{box-shadow:none}.tablewrap.customers .errorrow{border-left:3px solid var(--red)}}

/* Program transfer approval workflow */



.message-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:#111;color:#fff;font-size:11px;line-height:1}



.receipt-catalog [data-catalog-channel]{display:inline-flex;align-items:center;gap:8px}
.catalog-channel-count.attention-count{background:var(--alert);color:#fff}
.catalog-channel-count.clear-count{background:var(--hover);color:var(--muted)}
.account-options .logout-action{margin-top:6px;border-top:1px solid var(--line);border-radius:0;padding-top:14px}

.badge.receipt-binding-linked{background:#eaf7f1;color:#087454}
.badge.receipt-binding-unlinked{background:#fff0f2;color:#b6263e}
.badge.receipt-binding-reserved{background:#fff4dc;color:#91620d}
:root[data-theme="dark"] .badge.receipt-binding-linked{background:#18392c;color:#91d9b4}
:root[data-theme="dark"] .badge.receipt-binding-unlinked{background:#44222a;color:#ffb3c1}
:root[data-theme="dark"] .badge.receipt-binding-reserved{background:#3d321c;color:#efd080}
.request-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}

.request-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.request-card{padding:20px;display:flex;flex-direction:column;gap:17px;overflow:visible}
.request-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.request-card-head h2{margin-top:4px}
.request-card-head p{margin-top:5px;color:var(--muted);font-size:13px}
.request-kind{display:inline-block;color:var(--muted);font-size:12px;font-weight:500}
.badge.request-pending{color:var(--amber);background:#fff4dc}
.badge.request-approved{color:var(--green);background:#eaf6ee}
.badge.request-rejected,.badge.request-invalid{color:var(--red);background:#ffebed}
.badge.request-cancelled{color:#555;background:#f0f0f0}
.badge.refund-notification{color:#8a5a00;background:#fff4dc}
.request-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px;margin:0;padding:15px;border-radius:12px;background:#fafafa}
.request-meta div{min-width:0}
.request-meta dt{font-size:11px;color:var(--muted);margin-bottom:4px}
.request-meta dd{margin:0;font-size:13px;font-weight:500;overflow-wrap:anywhere}
.request-meta .request-id-meta{grid-column:1/-1}
.request-id-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px!important;line-height:1.55;overflow-wrap:anywhere}
.request-reason,.request-decision{font-size:13px;line-height:1.65;color:#474747}
.request-error{margin:0;padding:12px 14px;border:1px solid #efc6ce;border-radius:10px;background:#fff6f7;color:var(--red);font-size:13px;line-height:1.6}
.request-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:auto}
.request-actions .btn,.request-sale-link,.sale-request-card .btn{min-height:44px}
.request-sale-link{align-self:flex-start}
.program-request-list{overflow:hidden}
.program-request-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;padding:18px 20px}
.program-request-row+.program-request-row{border-top:1px solid var(--line)}
.program-request-main{grid-column:1/-1;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2fr);gap:24px;align-items:center;min-width:0}
.program-request-row .request-card-head{align-items:center;min-width:0}
.program-request-row .request-card-head h2{font-size:16px;overflow-wrap:anywhere}
.program-request-row .request-meta{grid-template-columns:repeat(3,minmax(0,1fr));padding:0;background:none;gap:12px 20px;border-radius:0}
.program-request-row .request-meta dt{font-size:12px}
.program-request-detail{min-width:0;display:grid;gap:6px}
.program-request-row .program-request-ids{display:flex;flex-wrap:wrap;gap:4px 20px}
.program-request-ids .request-id-meta{display:flex;gap:6px;align-items:baseline}
.program-request-ids dt{margin:0}
.program-request-row .request-actions{align-self:end;margin:0}
.program-request-row>.request-sale-link{align-self:end}
.program-request-row .request-reason,.program-request-row .request-decision{color:var(--muted);margin:0}
@media(max-width:1100px){.program-request-main{grid-template-columns:minmax(0,1fr)}.program-request-row{grid-template-columns:minmax(0,1fr)}.program-request-main{gap:12px}}
@media(max-width:560px){.program-request-row .request-meta{grid-template-columns:minmax(0,1fr)}.program-request-row .program-request-ids{display:flex}.program-request-row .request-actions{display:flex;flex-wrap:wrap}.program-request-row .request-actions .btn{width:auto;flex:1 1 auto}.program-request-row .request-card-head{align-items:flex-start}.program-request-row{padding:16px}}
.sale-request-card{padding:17px;margin-bottom:16px;display:grid;gap:12px}
.sale-request-card small{color:var(--muted);line-height:1.6}
.sale-request-card .btn{width:100%;white-space:normal}
.transfer-direction,.decision-notice{padding:13px 15px;border-radius:10px;background:#f5f5f5;color:#555;font-size:13px;line-height:1.6;margin:15px 0}
.system-message-list{overflow:hidden}
.system-message-help{font-size:13px;line-height:1.5;margin:0 0 12px}
.system-message-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px 24px;align-items:center;min-width:0;padding:17px 20px}
.system-message-row+.system-message-row{border-top:1px solid var(--line)}
.system-message-content{min-width:0}
.system-message-content>strong{display:block;margin-top:10px;font-size:14px}
.system-message-content>p{margin-top:3px;color:#474747;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.system-message-side{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:160px}
.system-message-side time{color:var(--muted);font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.system-message-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.system-message-actions .btn{min-height:40px}
@media(max-width:900px){.request-list{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.request-meta{grid-template-columns:minmax(0,1fr)}.request-card{padding:16px}.request-card-head{align-items:flex-start}.request-actions{display:grid;grid-template-columns:minmax(0,1fr)}.request-actions .btn,.request-actions a{width:100%}.request-toolbar{overflow-x:auto}.system-message-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.system-message-side{align-items:flex-start;min-width:0}.system-message-actions{justify-content:flex-start}}
.sale-client-heading,.sale-client-cell{display:flex;align-items:center;gap:10px;min-width:0}.sale-client-cell .person{min-width:0}.sale-select-control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:9px;cursor:pointer}.sale-select-control:hover{background:#f2f2f2}.sale-select-control:focus-within{outline:2px solid #1f64c8;outline-offset:1px}.sale-select-control.disabled{cursor:not-allowed;opacity:.42}.sale-select-control input{width:18px;height:18px;margin:0;accent-color:#111;cursor:inherit}.sale-selection-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid #efc6ce;background:#fff8f9;color:#681520}.sale-selection-bar[hidden]{display:none}.sale-selection-bar>span{font-size:14px}.sale-selection-bar .btn{min-height:42px}tr.selected-row{background:#f7f7f7}tr.selected-row:hover{background:#f2f2f2}.delete-sale-list{list-style:none;margin:14px 0 0;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}.delete-sale-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.delete-sale-list li+li{border-top:1px solid var(--line)}.delete-sale-list span{color:var(--muted);font-size:13px}
@media(max-width:1200px){.tablewrap.customers.admin-selectable td:nth-child(n+2):nth-child(-n+7){padding-left:102px}}
@media(max-width:640px){.sale-selection-bar{align-items:stretch;flex-direction:column}.sale-selection-bar .btn{width:100%}.delete-sale-list li{align-items:flex-start;flex-direction:column;gap:4px}}
.installment-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}
.installment-actions [data-action="other-payer"]{font-size:13px;min-height:36px;padding:7px 12px;line-height:1.4;white-space:normal;text-align:center;max-width:220px}
@media(pointer:coarse){.installment-actions [data-action="other-payer"]{min-height:44px}}
.receipt-results{display:grid;gap:8px;margin:16px 0;max-height:45vh;overflow:auto;padding:3px}
.receipt-option{display:flex;justify-content:space-between;gap:16px;text-align:left;min-height:72px;padding:16px;border:1px solid var(--border,#ddd);border-radius:14px;background:var(--surface,#fff);font:inherit;color:inherit;cursor:pointer}
.receipt-option:hover{background:var(--bg,#f6f6f6)}
.receipt-option small{display:block;margin-top:6px;color:var(--muted,#666)}
.receipt-option:focus-visible{outline:2px solid #2868ce;outline-offset:2px}
.receipt-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.receipt-comparison section{padding:16px;border:1px solid var(--border,#ddd);border-radius:14px}
.receipt-comparison h3{margin:0 0 12px;font-size:16px}
.future-plan-editor{border-top:1px solid var(--border,#ddd);margin-top:24px;padding-top:20px}
.future-plan-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px;gap:12px;align-items:end;margin:12px 0}
.future-plan-row .iconbtn{min-height:44px}
.workflow-settings dl>div{display:flex;justify-content:space-between;gap:12px;margin:12px 0;flex-wrap:wrap}
.workflow-settings dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.installment-line{align-items:flex-start}.installment-actions{align-items:flex-end;flex-direction:column}.installment-actions .btn{white-space:normal;max-width:185px;text-align:center}.receipt-comparison{grid-template-columns:1fr}.future-plan-row{grid-template-columns:minmax(0,1fr) 44px}.future-plan-row>.field:first-of-type{grid-column:1/-1}.receipt-option{flex-direction:column;gap:8px}}
/* Workspace: reuse the platform's monochrome cards and controls. */
.layout.with-settings{grid-template-columns:220px 190px minmax(0,1fr)}
.settings-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;padding:38px 12px;border-right:1px solid var(--line);background:var(--side)}
.settings-sidebar h2{font-size:16px;margin:0 14px 24px;font-weight:600}
.settings-sidebar .settings-nav{display:flex;flex-direction:column;flex-wrap:nowrap;width:100%;padding:0;margin:0;border:0;border-radius:0;background:transparent}
.settings-sidebar .settings-nav a{display:flex;align-items:center;gap:12px;min-height:48px;padding:12px;border-radius:14px;font-size:14px}
.settings-sidebar .settings-nav svg{width:20px;height:20px;flex-shrink:0}
.employee-tools{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
.employee-search{display:flex;align-items:center;gap:10px;padding:0 14px;min-height:46px;border:1px solid var(--line);border-radius:24px;background:#fff;max-width:100%}
.employee-search svg{width:18px;height:18px;color:var(--muted);flex-shrink:0}
.employee-search input{border:0;background:none;box-shadow:none;min-width:0;width:230px;max-width:100%;padding:12px 0;font:inherit;font-size:13px;outline:0}
.employee-search:focus-within{outline:2px solid #3261a8;outline-offset:2px}
.employee-sort-direction{font-size:16px;min-width:14px;display:inline-block}.employee-card .tablewrap{overflow:auto}.employee-card table{min-width:850px}
@media(max-width:1200px) and (min-width:961px){.layout.with-settings{grid-template-columns:200px 170px minmax(0,1fr)}}
@media(max-width:960px){.layout.with-settings{grid-template-columns:170px minmax(0,1fr)}.settings-sidebar{padding-top:28px}.employee-tools{justify-content:flex-start}.pagehead:has(.employee-tools){flex-wrap:wrap}.pagehead:has(.employee-tools)>.page-actions{width:100%}}
@media(max-width:600px){.layout.with-settings{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.settings-sidebar{position:static;height:auto;padding:16px 20px;border-right:0;border-bottom:1px solid var(--line)}.settings-sidebar h2{margin:0 0 12px}.settings-sidebar .settings-nav{flex-direction:row;flex-wrap:wrap;gap:4px}.settings-sidebar .settings-nav a{padding:10px;font-size:13px;gap:6px}.settings-sidebar .settings-nav svg{width:16px;height:16px}.employee-tools{width:100%}.employee-search{width:100%}.employee-search input{width:100%}.employee-tools>.btn{margin-left:auto}}
.catalog-search input{border:1px solid #e1e1e1;border-radius:14px;padding:12px 14px;background:#fff;color:#171717;font:inherit;min-height:44px}.clientfilters .filter-label{font-size:12px;color:#777;margin-bottom:8px}.debt-values small{margin-left:5px}.catalog-reason{line-height:1.5}
.settings-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px;padding:6px;border:1px solid #e7e7e7;border-radius:24px;width:fit-content;background:#fff}.settings-nav a{padding:12px 20px;color:#555;border-radius:20px;text-decoration:none}.settings-nav a[aria-current=page]{background:#eee;color:#171717;font-weight:600}.settings-nav a:hover{background:#f5f5f5}.nav a:not(.active):hover{background:#f0f0f0}.debt-stats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 24px}.debt-values{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0 8px}.debt-values strong{font-size:24px}.debt-values small{font-size:14px;font-weight:400}.manager-menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:20px;box-shadow:0 12px 35px #00000014;padding:12px;max-height:360px;overflow:auto;min-width:260px}.manager-menu input{width:100%;margin-bottom:8px}.manager-menu button{display:flex;justify-content:space-between;gap:16px;width:100%;text-align:left;background:transparent;border:0;padding:12px;border-radius:12px;cursor:pointer}.manager-menu button[aria-pressed=true]{background:#eee;font-weight:600}.manager-menu button:hover{background:#f5f5f5}.manager-menu [hidden]{display:none}.manager-menu p{padding:0 12px}.manager-menu section+section{margin-top:10px;padding-top:10px;border-top:1px solid var(--line)}.manager-menu section>p{margin:0 0 6px;font-weight:600;line-height:1.5}.manager-menu section:first-of-type>p{margin-top:2px}.manager-menu button>small{flex:none;color:var(--muted);font-variant-numeric:tabular-nums}.manager-menu #managerSearchEmpty{margin:10px 0 2px}.employee-role{display:block;margin-top:4px}.employee-card .flex{flex-wrap:wrap;gap:8px}.tablefooter{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line)}.catalog-search{display:flex;gap:8px;padding:4px;max-width:100%;flex-wrap:wrap}.catalog-search input{min-width:220px;flex:1}.receipt-catalog .tablewrap{overflow:auto}.receipt-catalog table{min-width:1150px}.receipt-catalog th{white-space:nowrap}.receipt-detail-link{border:0;background:none;color:inherit;text-align:left;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer;padding:10px 0;overflow-wrap:anywhere}.catalog-reason{display:block;max-width:240px;margin-top:8px;color:#9b3535}.receipt-details{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.receipt-details dt{color:#666}.receipt-details dd{margin:0;overflow-wrap:anywhere}.integration .inthead .badge{white-space:nowrap}.integration .flex{gap:8px;flex-wrap:wrap}.integration p{overflow-wrap:anywhere}.nowrap{white-space:nowrap}textarea{width:100%;border:1px solid #ddd;border-radius:14px;padding:14px;font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #3261a8;outline-offset:3px}.sale-sort-button.selected{color:#171717;background:#eee;border-radius:8px}
@media(max-width:760px){.debt-stats{grid-template-columns:1fr}.debt-values strong{font-size:22px}.receipt-details{grid-template-columns:1fr}.receipt-details dd{margin-bottom:10px}.settings-nav{width:100%}.settings-nav a{padding:10px 12px}.catalog-search{width:100%}.receipt-catalog .toolbar{flex-wrap:wrap}.manager-menu{min-width:0}.employee-card .tablewrap{overflow:auto}.employee-card table{min-width:850px}}
/* Dark mode: shared tokens plus legacy control surfaces. Receipt/QR images stay unmodified. */
:root[data-theme="dark"]{color-scheme:dark;--bg:#161616;--side:#1b1b1b;--bubble:#303030;--text:#ededed;--ink:#ededed;--muted:#aaa;--line:#3b3b3b;--hover:#333;--strong:#ededed;--on:#171717;--card:#1e1e1e;--surface:#1e1e1e;--border:#444;--blue:#ededed;--green:#81d9a5;--amber:#efc573;--red:#ff98a4;--soft:#232326;--stat-surface:#232326;--focus:#8ab4f8;--elev-1:0 1px 2px #00000066,0 2px 8px #00000052;--elev-2:0 2px 6px #00000075,0 10px 28px #00000061;--nav-active:#2f2f2f;--alert:#c8394a;--well-line:#ffffff38}
:root[data-theme="dark"] :is(button,input,select,textarea){color:inherit}
:root[data-theme="dark"] :is(dialog,.modalhead,.modalfoot,.authcard,.account-options,.manager-menu,.status-filter-menu,.employee-search,.settings-nav,.business-choice button,.business-filter button,.pill,.message,.date-trigger,.status-multiselect>summary){background-color:var(--card);color:var(--text);border-color:var(--line)}
:root[data-theme="dark"] .field input,:root[data-theme="dark"] :is(.field select,.field textarea,.sale-entry-form input,.sale-entry-form select,.sale-entry-form textarea,.catalog-search input,.manager-menu input,.planrow input,.clientfilters input,.range-inputs input,.invite-link input){background-color:var(--card);color:var(--text);border-color:var(--line);color-scheme:dark}
:root[data-theme="dark"] :is(.primary,.business-filter button.selected,.calendar-day.range-end){background:var(--strong);color:var(--on);border-color:var(--strong)}
:root[data-theme="dark"] .primary:hover{background:#ccc;color:#111}
:root[data-theme="dark"] :is(.secondary,td,th,.range-footer,.range-sidebar,.calendar-month,.timelineitem,.receipt-comparison section){border-color:var(--line)}
:root[data-theme="dark"] :is(th,.range-sidebar,.authwrap,.demo,.messagecolumn,.note,.notice,.lookup-phone,.lookup-result,.payment-identity,.receipt,.request-meta,.transfer-direction,.decision-notice,.installment-number,.avatar,.profile .avatar){background:var(--side);color:var(--text)}
:root[data-theme="dark"] :is(.nav a.active,.settings-nav a[aria-current=page],.account-menu[open] summary,.business-choice .selected,.calendar-day.in-range,.range-presets button.selected,tr.selected-row){background:var(--bubble);color:var(--text)}
:root[data-theme="dark"] :is(.nav a:not(.active):hover,.settings-nav a:hover,.account-options a:hover,.account-options button:hover,.account-menu summary:hover,tr.clickrow:hover,tr.selected-row:hover,.manager-menu button:hover,.range-presets button:hover,.calendar-day:hover:not(:disabled),.status-filter-clear:hover,.status-filter-option:hover,.sale-sort-button:hover,.employee-column-filter:hover,.sale-select-control:hover,.password-toggle:hover){background:var(--hover);color:var(--text)}
:root[data-theme="dark"] :is(.field label,.sale-entry-form .field label,.choice-block h3,.request-reason,.request-decision,.system-message-content>p,.message .sender,.demo strong,.demo button,.sale-sort-button.active,.range-dialog){color:var(--text)}
:root[data-theme="dark"] :is(.field small,.back,.stat .label svg,.range-caption,.range-sidebar label,.range-inputs label,.weekdays,.preset-heading,.checkrow,.date-trigger svg,.status-multiselect>summary svg,.employee-column-filter){color:var(--muted)}
:root[data-theme="dark"] .amountwords{color:var(--muted)!important}
:root[data-theme="dark"] :is(.badge.confirmed,.badge.request-approved,.payment-variance.complete){background:#193b2b;color:#9de0b6}
:root[data-theme="dark"] .badge.request-pending{background:#3b301b;color:#efcf8c}
:root[data-theme="dark"] :is(.badge.request-rejected,.badge.request-invalid){background:#3b2429;color:var(--red)}
:root[data-theme="dark"] .badge.request-cancelled{background:var(--bubble);color:var(--text)}
:root[data-theme="dark"] :is(.badge.pending,.badge.refund-notification,.payment-variance.warning){background:#3b301b;color:#efcf8c}
:root[data-theme="dark"] .badge.schedule-review{background:#453716;color:#f4d58a;border-color:#8f7130}
:root[data-theme="dark"] .schedule-review-notice{background:#342b18;color:#f2d28a;border-color:#715a29}
:root[data-theme="dark"] .schedule-review-notice small{color:#d8bd7d}
:root[data-theme="dark"] .badge.review{background:#342c47;color:#d4bdfa}
:root[data-theme="dark"] :is(.badge.neutral,.badge.info,.badge.held,.badge.test,.badge.resolved){background:var(--bubble);color:var(--text)}
:root[data-theme="dark"] :is(.badge.error,.danger,.callout,.payerror,.payment-problem,.payment-rejected-notice,.request-error,.delete-warning,.sale-selection-bar,.formerror,.payment-variance.error){background:#3b2429;color:var(--red);border-color:#72434b}
:root[data-theme="dark"] :is(.delete-warning strong,.callout .textbtn,.logout-action,.cash-rejected-status){color:var(--red)}
:root[data-theme="dark"] tr.errorrow{background:#2c1e22}
:root[data-theme="dark"] tr.errorrow:hover{background:#3b2429}
:root[data-theme="dark"] .field :is(input,select,textarea)[aria-invalid=true],:root[data-theme="dark"] .inputerror{background:#3b2429!important;border-color:#ff98a4!important}
:root[data-theme="dark"] .calendar-day{color:var(--text)}
:root[data-theme="dark"] .calendar-day:disabled{color:#777}
:root[data-theme="dark"] .calendar-day.today{box-shadow:inset 0 0 0 1px #ddd}
:root[data-theme="dark"] .calendar-day.range-end,:root[data-theme="dark"] .calendar-day.range-end:hover{color:var(--on);background:var(--strong)}
:root[data-theme="dark"] :is(input[type=checkbox],input[type=radio]){accent-color:#d9d9d9}
:root[data-theme="dark"] .progress{background:var(--bubble)}
:root[data-theme="dark"] .progress span{background:#ddd}
:root[data-theme="dark"] .kengash-logo{filter:invert(1)}
:root[data-theme="dark"] .toast{background:#ededed;color:#171717}
:root[data-theme="dark"] :is(button,a,input,select,textarea):focus-visible{outline-color:#90bfff}
:root[data-theme="dark"] :is(.participant-options,.participant-option,.participant-row,.participant-number,.participant-combobox-toggle,.installment-row,.installment-row>.iconbtn,.date-today,.date-quick button,.date-quick-actions button,.sale-date-options button,.payment-source-link,.payment-plan-summary,.payment-variance){background:var(--card);color:var(--text);border-color:var(--line)}
:root[data-theme="dark"] :is(.participant-option:hover,.participant-combobox-toggle:hover,.date-today:hover,.date-quick button:hover,.date-quick-actions button:hover,.sale-date-options button:hover,.payment-source-link:hover){background:var(--hover);color:var(--text)}
:root[data-theme="dark"] :is(.participant-option.selected,.participant-option[aria-selected=true],.date-quick button.selected,.date-quick-actions button.selected,.sale-date-options button.selected){background:var(--strong);color:var(--on);border-color:var(--strong)}
:root[data-theme="dark"] :is(.payment-agreement,.original-agreement){color:var(--muted)}
:root[data-theme="dark"] :is(.schedule-total.complete,.schedule-total.is-complete,.payment-variance.complete){background:#193b2b;color:#9de0b6;border-color:#38694b}
:root[data-theme="dark"] :is(.schedule-total,.payment-variance.error){background:#3b2429;color:var(--red);border-color:#72434b}
:root[data-theme="dark"] .payment-variance.warning{background:#3b301b;color:#efcf8c;border-color:#685533}
:root[data-theme="dark"] .settings-nav a{color:var(--text)}

/* Mobile controls are hidden until their adaptive layout is active. */
.mobile-nav,.mobile-table-tools,.mobile-fold-toggle{display:none}
.mobile-fold,.mobile-fold-content{display:contents}
/* Receipt workspace and inbox navigation share the compact outlined controls. */




.message-tab-label{min-width:0;overflow-wrap:anywhere;text-align:left}


.catalog-scope{display:flex;gap:8px;padding:16px 20px 0;border-bottom:0}
.catalog-scope button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--muted);font-weight:600}
.catalog-scope button.active{background:var(--text);border-color:var(--text);color:var(--on)}
.catalog-binding-count{background:var(--bubble);color:inherit}
.receipt-catalog .toolbar>.tabs{display:flex;flex-wrap:wrap;gap:10px;background:none;padding:0;border:0;border-radius:0}
.receipt-catalog [data-catalog-channel]{min-height:48px;gap:12px;padding:10px 18px;border:1px solid var(--line);border-radius:14px;background:var(--card);font-weight:600;color:var(--text)}
.receipt-catalog [data-catalog-channel].active{background:var(--text);color:var(--on);border-color:var(--text);box-shadow:var(--elev-1)}
.receipt-catalog .catalog-channel-count.attention-count{background:var(--alert);color:#fff}
.program-request-list{display:grid;gap:18px;overflow:visible}
.program-request-row.request-card{display:block;padding:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;}
.transfer-card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid var(--line)}
.transfer-card-header h2{display:flex;align-items:center;gap:12px;font-size:17px;margin:0}
.transfer-card-header h2 svg{width:24px;height:24px;color:var(--muted)}
.transfer-card-header .badge{border:1px solid currentColor;padding:7px 12px;border-radius:9px}
.transfer-card-body{display:grid;grid-template-columns:1.1fr 1.2fr 1fr .85fr;padding:24px 22px;gap:22px}
.transfer-card-body>div{min-width:0}.transfer-card-body>div+div{border-left:1px solid var(--line);padding-left:22px}
.transfer-client h3{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}
.transfer-client>p{color:var(--muted);font-size:14px;margin:0 0 16px}
.transfer-label{display:block;color:var(--muted);font-size:13px;margin-bottom:16px}
.transfer-card-body strong{font-size:15px;overflow-wrap:anywhere}
.transfer-time{display:block;color:var(--muted);margin-top:6px;font-size:14px}
.program-request-row .program-request-ids{display:grid;gap:6px;margin:0}
.program-request-ids dt{color:var(--muted);font-size:12px;min-width:64px}
.program-request-ids dd{margin:0}.program-request-ids .request-id-value{font-family:inherit;font-size:13px!important}
.transfer-program-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.transfer-program-chip{padding:8px 10px;border:1px solid var(--line);border-radius:7px;font-weight:600;font-size:14px;white-space:nowrap;background:var(--card);box-shadow:var(--elev-1)}
.transfer-arrow{color:var(--muted);font-size:22px}
.transfer-card-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;border-top:1px solid var(--line);background:var(--stat-surface)}
.transfer-card-footer .request-reason{color:var(--text)}
.transfer-card-footer .request-actions{flex-shrink:0;align-self:center;margin:0;justify-content:flex-end}
.transfer-card-footer .request-sale-link{border-radius:12px}.transfer-card-footer .request-sale-link svg{transform:rotate(-45deg)}
@media(max-width:1100px){.transfer-card-body{grid-template-columns:1fr 1fr}.transfer-card-body>div:nth-child(3){border-left:0;padding-left:0}.transfer-card-footer{align-items:flex-start;flex-direction:column}.transfer-card-footer .request-actions{align-self:stretch;justify-content:flex-start}}
@media(max-width:640px){.receipt-catalog [data-catalog-channel]{padding:8px 12px;gap:8px}.transfer-card-body{grid-template-columns:1fr;padding:20px;gap:20px}.transfer-card-body>div+div{border-left:0;padding:16px 0 0;border-top:1px solid var(--line)}.transfer-label{margin-bottom:8px}.transfer-card-header,.transfer-card-footer{padding:16px}.transfer-card-header h2{font-size:16px}.transfer-card-header .badge{font-size:11px}.transfer-card-footer .request-actions{flex-wrap:wrap}.transfer-card-footer .request-actions .btn{flex:1 1 auto;white-space:normal}}

/* Phone and tablet workspace: same data and actions, touch-first presentation. */
@media(max-width:960px){
 html{scroll-padding-bottom:100px}
 .layout,.layout.with-settings{grid-template-columns:minmax(0,1fr)}
 .workspace{min-width:0;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .mobile-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);position:fixed;z-index:10;inset:auto 0 0;gap:4px;padding:8px max(8px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));background:var(--card);border-top:1px solid var(--line);box-shadow:0 -3px 18px #0000000a}
 .mobile-nav>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:56px;min-width:0;padding:6px 2px;border-radius:12px;font-size:12px;font-weight:500;text-align:center;position:relative;color:var(--muted);text-decoration:none;line-height:1.25;overflow-wrap:anywhere}
 .mobile-nav>a[aria-current=page]{background:var(--bubble);color:var(--text);font-weight:700}
 .mobile-nav-icon{display:flex}.mobile-nav svg{width:23px;height:23px}
 .mobile-nav .count{position:absolute;top:2px;left:calc(50% + 5px);min-width:20px;max-width:48px;padding:3px 5px;font-size:10px;background:var(--alert);color:#fff}
 .heading-with-menu>.mobiletoggle{display:none}
 .content{padding-top:max(24px,env(safe-area-inset-top,0px));min-width:0}
 .pagehead,.heading-with-menu,.pagehead>div{min-width:0}
 .pagehead h1,.pagehead p{overflow-wrap:anywhere}
 .settings-sidebar{position:static;height:auto;padding:20px 16px 0;border:0;background:transparent}
 .settings-sidebar h2{margin:0 0 14px}.settings-sidebar .settings-nav{flex-direction:row;flex-wrap:wrap;gap:8px}
 .settings-sidebar .settings-nav a{min-height:48px;padding:10px 12px;background:var(--card);border:1px solid var(--line)}
 .settings-sidebar .settings-nav a[aria-current=page]{background:var(--bubble)}
 :is(button,a.btn,.iconbtn,summary){touch-action:manipulation}
 :is(.btn,.iconbtn,.tab,.back,.textbtn,.authlink,.profile-logout){min-height:44px}
 .iconbtn{min-width:44px}
 .toast,#toast:not(:empty){bottom:calc(96px + env(safe-area-inset-bottom,0px));max-width:calc(100% - 32px)}
 :is(input,select,textarea):not([type=checkbox]):not([type=radio]),.field input,.field select,.sale-entry-form .field :is(input,select,textarea),.searchbox input,.catalog-search input,.employee-search input{font-size:16px;min-height:48px;max-width:100%;min-width:0}
 .profilecard,.profilehero,.profilehero>div,.profile-actions,.profile-password,.password-fields,.info>div{min-width:0}
 .info dd,.profilehero h2{overflow-wrap:anywhere}
}
@media(max-width:960px){
 .mobile-fold{display:block;margin-bottom:16px;border:1px solid var(--line);border-radius:16px;background:var(--card);overflow:visible}
 .business-filter button,.status-multiselect>summary,.manager-dropdown>summary,.date-trigger{min-height:48px}
 .password-control .password-toggle{height:44px;min-height:44px;min-width:44px;width:44px}
 .mobile-fold-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px;min-height:56px;background:transparent;color:var(--text);text-align:left;font-size:15px;font-weight:600;border:0;border-radius:16px}
 .mobile-fold-toggle small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:5px}.mobile-fold-toggle svg{width:20px;height:20px;flex-shrink:0}
 .mobile-fold-content{display:block;padding:0 12px 12px}.mobile-fold.is-collapsed>.mobile-fold-content{display:none}
 .mobile-fold-content>.clientfilters,.mobile-fold-content>.dashboard-stats{margin:0}
 .content{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
 .pagehead{flex-wrap:wrap;gap:16px}
 .page-actions{max-width:100%;display:flex;flex-wrap:wrap;gap:8px}
 .page-actions>.btn{white-space:normal}
 .clientfilters{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.clientfilters>.field,.clientfilters>.status-filter{width:100%;max-width:none;min-width:0}
 .manager-menu,.status-filter-menu{width:100%;max-width:100%;min-width:0;left:0;right:0}
 .toolbar{flex-wrap:wrap}.toolbar>.tabs{display:flex;flex-wrap:wrap;gap:8px;width:100%}
 .toolbar .tab{min-height:44px;padding:10px 12px;font-size:14px}
 .searchbox,.catalog-search{width:100%;max-width:none;min-width:0}
 .catalog-search{padding:0}.catalog-search input{width:100%;min-width:0}


 .receipt-catalog [data-catalog-channel]{flex:1 1 auto;justify-content:center;padding:10px 12px;min-height:48px}
 .receipt-catalog [data-catalog-channel=""]{flex-basis:100%}



 .request-toolbar{overflow:visible} .mobile-table-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:16px;border-bottom:1px solid var(--line);background:var(--card)}
 .mobile-table-tools label{display:grid;gap:7px;flex:1;min-width:0;font-size:13px;color:var(--muted)}
 .mobile-table-tools select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card);color:var(--text)}
 .mobile-table-tools button{min-height:48px;flex-shrink:0;padding:10px;font-size:13px}
 .mobile-table-tools .mobile-select-all{display:flex;flex:1 0 100%;align-items:center;min-height:44px;gap:10px;line-height:1.5}.mobile-select-all input{width:20px;height:20px;flex-shrink:0;margin:0}
 .receipt-catalog .tablewrap,.employee-card .tablewrap,#clienttable .tablewrap{overflow:visible}
 .receipt-catalog table[data-mobile-table],.employee-card table[data-mobile-table],#transferTable table[data-mobile-table],#clienttable table[data-mobile-table]{display:block;width:100%;min-width:0;max-width:100%;border:0}
 table[data-mobile-table] thead{display:none}
 table[data-mobile-table] tbody{display:block}
 .receipt-catalog table[data-mobile-table] tr,.employee-card table[data-mobile-table] tr,#transferTable table[data-mobile-table] tr,#clienttable table[data-mobile-table] tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 16px;border-bottom:1px solid var(--line)}
 .receipt-catalog table[data-mobile-table] td,.employee-card table[data-mobile-table] td,#transferTable table[data-mobile-table] td,#clienttable table[data-mobile-table] td:nth-child(n){display:block;min-width:0;width:auto;padding:0;border:0;grid-column:auto;grid-row:auto;text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:none;font-size:14px;line-height:1.5}
 table[data-mobile-table] td::before,#clienttable table[data-mobile-table] td:nth-child(n)::before{content:attr(data-label);display:block;margin:0 0 5px;font-size:12px;font-weight:400;color:var(--muted)}
 table[data-mobile-table] td[data-label=""]::before{display:none}
 .receipt-catalog table[data-mobile-table] td:nth-child(1),.receipt-catalog table[data-mobile-table] td:nth-child(3),.receipt-catalog table[data-mobile-table] td:nth-child(8),.receipt-catalog table[data-mobile-table] td:nth-child(9),.employee-card table[data-mobile-table] td:nth-child(1),.employee-card table[data-mobile-table] td:nth-child(6),#clienttable table[data-mobile-table] td:nth-child(1),#clienttable table[data-mobile-table] td:nth-child(2),#clienttable table[data-mobile-table] td:nth-child(7),#clienttable table[data-mobile-table] td:nth-child(8){grid-column:1/-1}
 #clienttable table[data-mobile-table] td:nth-child(1)::before{display:none}
 #clienttable table[data-mobile-table] .sale-client-cell{min-width:0;gap:8px}#clienttable table[data-mobile-table] .person{min-width:0;gap:10px}#clienttable table[data-mobile-table] .person>div{min-width:0}#clienttable table[data-mobile-table] .person .avatar{display:none}
 #clienttable table[data-mobile-table] .sale-select-control{position:static;flex-shrink:0;min-width:44px;min-height:44px}
 #clienttable table[data-mobile-table] td:last-child>a{width:100%;gap:8px;border:1px solid var(--line);border-radius:12px;min-height:48px;font-size:14px}
 #clienttable table[data-mobile-table] td:last-child>a::after{content:'Sotuvni ochish'}
 .receipt-detail-link{min-height:44px;text-align:left;padding:4px 0;font-size:15px}
 .receipt-catalog td:last-child .btn{width:100%;min-height:48px}
 .catalog-reason{max-width:none}.tablefooter{font-size:13px;line-height:1.5;padding:16px;gap:14px}.tablefooter>.flex{width:100%}.tablefooter>.flex>.btn{flex:1;min-height:48px}
 .employee-tools,.employee-search{width:100%;max-width:none}.employee-tools>.btn{width:100%;margin:0}.employee-card td .flex{flex-wrap:wrap;gap:8px}.employee-card td .flex>.btn{flex:1;white-space:normal}
 .detailgrid,.detailgrid>aside,.integrationgrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
 .detailgrid>div,.detailgrid>aside{min-width:0}.detailgrid>aside .summary{order:-1}
 .summaryrow{gap:12px}.summaryrow strong{min-width:0;overflow-wrap:anywhere}
 .sectionhead{flex-wrap:wrap;gap:12px}.sectionhead h2{font-size:18px}.installment-line{flex-direction:column;align-items:stretch;gap:12px}.installment-actions{flex-direction:row;align-items:center;flex-wrap:wrap;justify-content:space-between}.installment-actions .btn{max-width:none;width:100%;min-height:48px}
 .payment-source-link{min-height:48px;width:100%;white-space:normal}.paymeta,.payhead,.paybottom{flex-wrap:wrap;gap:12px}.paymeta>span,.record-id-value{overflow-wrap:anywhere;min-width:0}.payment .paybottom>.btn{flex:1;white-space:normal}
 .profilecard{padding:20px 16px}.profile-actions,.password-fields,.profile-password,.info{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.profile-actions>.btn{width:100%;white-space:normal}.profilehero{gap:14px;align-items:flex-start}
 .integration{padding:20px 16px}.integration .inthead{flex-wrap:wrap;gap:12px}.integration .inthead h2{font-size:18px;overflow-wrap:anywhere}.integration .flex>.btn{flex:1;white-space:normal;min-height:48px}.integration p{font-size:14px;line-height:1.6}
 dialog#modal,dialog#modal:has(.sale-entry-form){width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;inset:0}
 #modal #dialogform{height:100%;display:flex;flex-direction:column;min-height:0}
 #modal .modalhead{flex-shrink:0;padding:calc(16px + env(safe-area-inset-top,0px)) 16px 16px;gap:12px}.modalhead>div{min-width:0}.modalhead h2,.modalhead p{overflow-wrap:anywhere}
 #modal .modalbody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px;scroll-padding-block:20px}
 #modal .modalfoot{flex-shrink:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));display:flex;gap:12px;background:var(--card);border-top:1px solid var(--line)}
 #modal .modalfoot>.btn{flex:1;min-width:0;min-height:48px;white-space:normal;font-size:15px}
 #modal .formgrid,#modal .sale-details-grid,#modal .first-payment-grid,#modal .payment-details-grid{grid-template-columns:minmax(0,1fr)}
 #modal .field :is(input,select,textarea){font-size:16px;min-height:48px}
 #modal .modalhead p,.field-help,.form-hint{font-size:13px;line-height:1.5}
 .authwrap{min-height:100dvh;padding:24px 16px}.authcard{width:100%;max-width:440px;padding:24px 20px}.authcard h1{font-size:26px}.authintro{font-size:15px;line-height:1.6}
 .range-dialog{max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);overflow:auto}.range-inputs{flex-wrap:wrap}.range-inputs>.field{min-width:0}.range-inputs>.btn{min-height:48px}
 /* Native date fields replace the precision calendar grid on touch layouts. */
 dialog.range-dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);right:12px;left:auto;top:12px!important;max-height:calc(100dvh - 24px);border-radius:18px}
 .range-layout{display:block}.range-sidebar{padding:20px 16px 12px;border-right:0;border-bottom:1px solid var(--line)}
 .range-sidebar .field{margin:0}.range-sidebar label{font-size:14px}.range-sidebar select{font-size:16px;min-height:48px;padding:10px 12px}
 .range-presets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:180px;overflow:auto}
 .range-presets button{min-height:44px;font-size:14px;padding:10px;white-space:normal;border:1px solid var(--line);text-align:center}
 .preset-heading{font-size:12px;margin:16px 0 10px}.range-months{display:none}
 .range-footer{padding:16px}.range-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.range-inputs input{padding:10px;font-size:16px;min-height:48px;width:100%}.range-inputs label{font-size:14px}.range-inputs .btn{font-size:15px;padding:12px}.range-arrow{display:none}
 .range-caption,.range-error{font-size:12px;line-height:1.5}.range-caption span{display:block;margin-top:5px}
}
@media(max-width:400px){.mobile-nav{gap:2px;padding-left:6px;padding-right:6px}.mobile-nav>a{font-size:10px;padding:6px 1px;gap:4px;overflow-wrap:normal;hyphens:none}
 .mobile-nav>a>span:not(.mobile-nav-icon):not(.count){display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-nav-icon svg{width:21px;height:21px}}
@media(max-width:360px){.mobile-nav{gap:1px;padding-left:4px;padding-right:4px}.mobile-nav>a{font-size:9px;padding:6px 0;gap:3px;letter-spacing:-.01em}.mobile-nav-icon svg{width:19px;height:19px}.mobile-nav .count{font-size:9px}.mobile-table-tools{gap:8px;padding:12px}.mobile-table-tools button{font-size:12px;padding:8px}}
/* Sales already use cards through 1200px; keep their hidden-header controls reachable. */
@media(min-width:961px) and (max-width:1200px){
 #clienttable .mobile-table-tools{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:16px;border-bottom:1px solid var(--line);background:var(--card)}
 #clienttable .mobile-table-tools label{display:grid;gap:7px;flex:1;min-width:0;font-size:13px;color:var(--muted)}
 #clienttable .mobile-table-tools select{width:100%;min-width:0;min-height:48px;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--card);color:var(--text);font-size:16px}
 #clienttable .mobile-table-tools button{min-height:48px;flex-shrink:0;padding:10px;font-size:13px}
 #clienttable .mobile-table-tools .mobile-select-all{display:flex;flex:1 0 100%;align-items:center;min-height:44px;gap:10px;line-height:1.5}
 #clienttable .mobile-select-all input{width:20px;height:20px;flex-shrink:0;margin:0}
}
@media(max-width:1200px){#clienttable .person strong{white-space:normal;overflow-wrap:anywhere}}
/* Desktop density: keep controls and cards close to the original compact workspace. */
.sidebottom{margin-top:auto;padding-top:20px}
.sidebar>.sidebottom{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.request-list>.empty{grid-column:1/-1;width:100%}
@media(min-width:961px){
 .layout{grid-template-columns:300px minmax(0,1fr)}
 .layout.with-settings{grid-template-columns:300px 180px minmax(0,1fr)}
 .content{padding:24px 28px 36px}
 .sidebar .brand{margin-bottom:18px}
 .pagehead{margin-bottom:16px}
 .business-filter{margin:0 0 16px}
 .business-filter button{min-height:36px;padding:7px 14px;font-size:13px}
 .clientfilters{margin-bottom:16px}
 .stats{gap:12px;margin-bottom:18px}
 .stat{padding:16px;border-radius:14px;min-height:118px}
 .stat .label{margin-bottom:14px}
 .stat strong{font-size:clamp(24px,1.65vw,29px)}
 .toolbar{padding:12px 16px}
 td{padding-top:14px;padding-bottom:14px}
 .settings-sidebar{padding-top:28px}
 .settings-sidebar h2{margin-bottom:18px}
 .settings-sidebar .settings-nav a{min-height:44px;padding:10px 12px}
 .profilecard,.appearance-section{max-width:640px}
 .profilecard{padding:22px}
 .profilehero{margin-bottom:10px}
 .profilehero .avatar{width:48px;height:48px;font-size:18px}
 .profilecard .info{padding:16px 0}
 .profile-actions{padding-top:16px}
 .profile-password{margin-top:18px;padding-top:18px}
 .profile-password h2{margin-bottom:14px}
 .password-fields{gap:12px;margin-bottom:14px}
 .profile-logout{margin-top:22px;padding-top:14px}
 .appearance-section{margin-top:24px}
 .appearance-section>h2{font-size:20px}
 .appearance-section>p{margin:6px 0 16px}
 .theme-choices{gap:14px}
 .theme-choice{gap:12px;padding:14px;border-radius:16px}
 .theme-preview{height:92px}
}
.agreement-evidence,.allocation-section,#transferPlan{margin:18px 0;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}
.agreement-evidence h3,.allocation-section h3,#transferPlan h3{margin:0 0 6px}
.agreement-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.agreement-head h3{margin:0;font-size:16px}
.agreement-waiver{display:inline-flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--card)}
.agreement-waiver input{flex:none;width:18px;height:18px;min-height:18px;margin:0;cursor:pointer}
.agreement-waiver label{display:flex;align-items:center;min-height:44px;margin:0;font-size:13px;font-weight:700;line-height:1.3;color:var(--text);cursor:pointer}
.agreement-waiver:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.agreement-evidence[data-agreement-waived="true"] .agreement-waiver{border-color:var(--text);background:var(--bubble)}
.agreement-intro,.agreement-waiver-note{margin:8px 0 0;line-height:1.55;overflow-wrap:anywhere}
.agreement-intro[hidden],.agreement-waiver-note[hidden],.agreement-uploader[hidden]{display:none}
.agreement-uploader{margin-top:14px}
.agreement-dropzone{position:relative;display:block;width:100%;margin:0;border:2px dashed var(--well-line);border-radius:16px;background:var(--card);cursor:pointer}
.agreement-dropzone:hover{border-color:var(--text);background:var(--hover)}
.agreement-dropzone.is-dragover{border-color:var(--focus);background:var(--hover)}
.agreement-dropzone:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.agreement-dropzone input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}
.agreement-dropzone-body{display:grid;justify-items:center;gap:8px;padding:26px 18px;text-align:center;pointer-events:none}
.agreement-dropzone-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--bubble);color:var(--text)}
.agreement-dropzone-icon svg{width:22px;height:22px}
.agreement-dropzone-title{font-size:15px;font-weight:700;color:var(--text);overflow-wrap:anywhere}
.agreement-dropzone-hint{font-size:12px;color:var(--muted);overflow-wrap:anywhere}
.agreement-dropzone-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;padding:11px 22px;border-radius:24px;background:var(--strong);color:var(--on);font-size:14px;font-weight:600}
@media(max-width:560px){.agreement-evidence{padding:16px}.agreement-head{flex-direction:column;align-items:stretch;gap:10px}.agreement-waiver{width:100%}.agreement-dropzone-body{padding:22px 14px}.agreement-dropzone-action{width:100%}}
.participant-allocation-field[hidden]{display:none}.program-date-settings .formgrid{margin:14px 0}.transfer-plan-row{grid-template-columns:34px minmax(0,1fr) minmax(0,1fr) 42px}
@media(max-width:600px){.transfer-plan-row{grid-template-columns:28px minmax(0,1fr) 42px}.transfer-plan-row .date-control{grid-column:2/4}}

/* Dashboard cards: compact shell, tinted icon chip, stacked unit and a 30-day
   sparkline (or its explicit "no history" state). On wide desktops all six
   cards share one row; narrower layouts retain the primary and debt grids. */
.dashboard-stats .stat{display:flex;flex-direction:column;min-width:0}
.dashboard-primary-stats .stat{background:linear-gradient(180deg,#fff,#f8f9fb)}
.dashboard-stats .label{align-items:flex-start;color:var(--muted);margin-bottom:12px}
.dashboard-stats .stat-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#edf0f4;color:var(--muted)}
.dashboard-stats .stat-icon svg{width:18px;height:18px;color:inherit}
.stat-clients .stat-icon{background:#eaf2fc;color:#346fac}
.stat-confirmed .stat-icon{background:#e8f5ee;color:#267452}
.dashboard-primary-stats .unit{display:block;margin:5px 0 0}
.stat-trend{margin-top:auto;padding-top:16px;min-width:0}
.stat-trend>span{display:block;font-size:12px;line-height:1.5;color:var(--muted)}
.stat-trend svg{display:block;width:100%;height:auto;margin-top:10px}
[data-stat-trend=clients]{color:#346fac}
[data-stat-trend=confirmed]{color:#267452}
.trend-area{fill:currentColor;fill-opacity:.1;stroke:none}
.trend-baseline{fill:none;stroke:var(--line);stroke-width:1}
.trend-line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.trend-hit{fill:transparent}
.trend-dot{fill:currentColor;opacity:0}
.trend-dot-current{opacity:1}
.trend-point{outline:none}
.trend-point:hover .trend-dot,.trend-point:focus-visible .trend-dot{opacity:1}
.trend-point:focus-visible .trend-hit{fill:currentColor;fill-opacity:.18}
.trend-readout{margin-top:8px}
.trend-period{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2px 6px;font-size:12px;color:var(--muted)}
.trend-tooltip{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--text)}
.trend-tooltip:empty{display:none}
.trend-unavailable{border-top:1px solid var(--line)}
.stat-trend>.trend-empty-label{display:block;font-size:13px;color:var(--text)}
.trend-empty-period{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.trend-data{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
.trend-explanation{margin-top:10px;padding-top:0;border-top:0}
.trend-data summary{font-size:12px;color:var(--muted);cursor:pointer}
.trend-data p{margin-top:8px;font-size:12px;line-height:1.6;color:var(--muted)}
.trend-data table{margin-top:8px;font-size:12px}
.trend-data :is(th,td){padding:4px 0;background:transparent;font-size:12px;white-space:normal;border-top:0;color:var(--muted)}
.trend-data :is(th,td):last-child{text-align:right}
/* Dashboard cards: tinted per-metric surface, header delta pill, caption, sparkline. */
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.dashboard-stats .label{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0}
.dashboard-stats .stat-name{min-width:0;overflow-wrap:anywhere}
.stat-delta{flex:none;margin-left:auto;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap}
.stat-delta-up{background:#fdeaec;color:#b3253a}
.stat-delta-down{background:#e7f5ec;color:#0a6b40}
.stat-delta-flat{background:var(--hover);color:var(--muted)}
.stat-clients .stat-delta-up,.stat-confirmed .stat-delta-up{background:#e7f5ec;color:#0a6b40}
.stat-clients .stat-delta-down,.stat-confirmed .stat-delta-down{background:#fdeaec;color:#b3253a}
.stat-caption{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.5}
.dashboard-primary-stats .stat-clients{background:linear-gradient(180deg,#fbfcff,#eef3fc)}
.dashboard-primary-stats .stat-confirmed{background:linear-gradient(180deg,#fbfefc,#eaf6ee)}
.dashboard-primary-stats .stat-awaiting{background:linear-gradient(180deg,#fffdf8,#fdf0e2)}
.dashboard-primary-stats .stat-debt{background:linear-gradient(180deg,#fdfcff,#efecfb)}
.debt-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;padding:0;background:transparent;color:inherit;font:inherit;text-align:left;text-decoration:none;cursor:pointer}
.debt-foot[aria-pressed="true"] span:first-child{text-decoration:underline;font-weight:700}
.debt-foot[aria-pressed="true"] svg{transform:rotate(90deg)}
.debt-foot:disabled{cursor:default}
.debt-filter-active{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 18px}
.debt-chip{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:7px 13px;border:1px solid var(--line);border-radius:999px;background:var(--card);font-size:13px;line-height:1.4}
.debt-chip svg{width:16px;height:16px;flex:none}
.debt-chip strong{font-variant-numeric:tabular-nums}
.debt-chip-upcoming{border-color:#eedfa8;background:#fff8e3;color:#7a5a12}
.debt-chip-overdue{border-color:#f3d4d8;background:#fff1f2;color:var(--red)}
.debt-filter-active .textbtn{display:inline-flex;align-items:center;gap:6px}
.debt-filter-active .textbtn svg{width:15px;height:15px}
:root[data-theme="dark"] .debt-chip-upcoming{border-color:#6b5628;background:#332c19;color:var(--amber)}
:root[data-theme="dark"] .debt-chip-overdue{border-color:#72434b;background:#372026;color:var(--red)}
@media(max-width:640px){.debt-filter-active{margin-bottom:14px}.debt-filter-active>*{flex:1 1 auto}}

.debt-foot svg{width:18px;height:18px;flex:none}
.debt-foot:hover span{text-decoration:underline}
:root[data-theme="dark"] .stat-delta-up{background:#3b2429;color:#ff98a4}
:root[data-theme="dark"] .stat-delta-down{background:#193b2b;color:#9de0b6}
:root[data-theme="dark"] :is(.stat-clients,.stat-confirmed) .stat-delta-up{background:#193b2b;color:#9de0b6}
:root[data-theme="dark"] :is(.stat-clients,.stat-confirmed) .stat-delta-down{background:#3b2429;color:#ff98a4}
:root[data-theme="dark"] .dashboard-primary-stats .stat.stat-clients{background:linear-gradient(180deg,#22262c,#1d2127)}
:root[data-theme="dark"] .dashboard-primary-stats .stat.stat-confirmed{background:linear-gradient(180deg,#1e2724,#1b221f)}
:root[data-theme="dark"] .dashboard-primary-stats .stat.stat-awaiting{background:linear-gradient(180deg,#2a2620,#231f1a)}
:root[data-theme="dark"] .dashboard-primary-stats .stat.stat-debt{background:linear-gradient(180deg,#24222c,#1f1e26)}
.debt-upcoming{background:linear-gradient(180deg,#fffced,#fff4d2);border-color:#eedfa8}
.debt-overdue{background:linear-gradient(180deg,#fff5f5,#ffeaeb);border-color:#f3d4d8}
.debt-upcoming :is(.label,.debt-values,.foot){color:var(--amber)}
.debt-overdue :is(.label,.debt-values,.foot){color:var(--red)}
.debt-upcoming .stat-icon{background:#f2ead0;color:var(--amber)}
.debt-overdue .stat-icon{background:#f6dfe1;color:var(--red)}
.debt-stats .stat .foot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13px;line-height:1.55}
:root[data-theme="dark"] .dashboard-primary-stats .stat{background:linear-gradient(180deg,#27292c,#212326)}
:root[data-theme="dark"] .dashboard-stats .stat-icon{background:#34383e}
:root[data-theme="dark"] .dashboard-stats .stat-icon svg{color:inherit}
:root[data-theme="dark"] .stat-clients .stat-icon{background:#25394e;color:#91bcf0}
:root[data-theme="dark"] .stat-confirmed .stat-icon{background:#244137;color:#8ed8b5}
:root[data-theme="dark"] [data-stat-trend=clients]{color:#91bcf0}
:root[data-theme="dark"] [data-stat-trend=confirmed]{color:#8ed8b5}
:root[data-theme="dark"] .debt-upcoming{background:linear-gradient(180deg,#332c19,#2b2516);border-color:#6b5628}
:root[data-theme="dark"] .debt-overdue{background:linear-gradient(180deg,#372026,#301f24);border-color:#72434b}
:root[data-theme="dark"] .debt-upcoming .stat-icon{background:#423920}
:root[data-theme="dark"] .debt-overdue .stat-icon{background:#472c32}
@media(min-width:961px){.debt-stats{gap:12px;margin:0 0 18px}}
@media(max-width:400px){.dashboard-primary-stats{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1500px){
 .dashboard-stats{display:grid;grid-template-columns:repeat(4,minmax(0,.92fr)) repeat(2,minmax(0,1.16fr));gap:12px;margin-bottom:18px}
 .dashboard-stats>.dashboard-primary-stats,.dashboard-stats>.debt-stats{display:contents}
}

/* #main carries .content for the page gutter. The legacy `.content{margin:auto}`
   (written before the grid shell) would make the grid item shrink-to-fit and floor
   at its min-content, pushing wide tables past the viewport; stretch it instead and
   let .tablewrap scroll its own overflow. */
.layout>.content{margin:0;min-width:0}

/* Sales page header: the business pills and the sales filters read as one
   toolbar row under the heading on wide desktop. The filters share the leftover
   width instead of hugging the right edge, so a wrapped row stays balanced too.
   Below 961px .sales-toolbar stays a plain block and the mobile stack is unchanged. */
@media(min-width:961px){
 .sales-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;margin:0 0 16px}
 .sales-toolbar>.business-filter{flex:0 0 auto;margin:0}
 .sales-toolbar .clientfilters{flex:1 1 100%;flex-wrap:wrap;justify-content:flex-start;margin:0;min-width:0}
 .sales-toolbar .clientfilters>.field{flex:1 1 170px;width:auto;min-width:150px}
 .sales-toolbar .clientfilters>.calendar-filter{flex:1 1 200px;width:auto;min-width:150px;max-width:none}
}
/* Wide desktop shares one row with the pills; the same 1440px breakpoint that
   puts all six dashboard cards on a single row. */
@media(min-width:1440px){
 .sales-toolbar .clientfilters{flex:1 1 auto}
}

/* Transfers page: compact date settings, counted status tabs, and a request card
   that leads with the customer. Same fields, actions, permissions and breakpoints. */
.program-date-settings .sectionhead{align-items:flex-end;gap:16px;flex-wrap:wrap}
.program-date-settings .sectionhead .btn{flex:0 0 auto}
.program-date-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px 16px;padding:0 20px 20px;margin:16px 0 0}
.program-date-field{min-width:0}
.program-open-hint{display:block;margin-top:6px;font-size:12px;line-height:1.5;color:var(--muted)}
.request-toolbar{gap:12px;flex-wrap:wrap}



.transfer-card-header{padding:14px 20px}
.transfer-card-header h2{font-size:15px;font-weight:500;color:var(--muted);gap:10px}
.transfer-card-header h2 svg{width:20px;height:20px}
.transfer-header-meta{display:flex;align-items:center;gap:12px}
.transfer-card-body{grid-template-columns:minmax(240px,1.3fr) minmax(190px,.9fr) minmax(220px,1fr);padding:18px 20px;gap:18px}
.transfer-card-body>*+*{border-left:1px solid var(--line);padding-left:18px}
.transfer-client h3{font-size:20px;font-weight:600;margin:0 0 4px}
.transfer-client>p{margin:0 0 10px}
.transfer-label{margin-bottom:6px}
.program-request-ids{gap:2px}
.program-request-ids .request-id-value{color:var(--muted)}
.transfer-meta{display:grid;gap:8px 18px;margin:0;min-width:0}
.transfer-meta .transfer-time{display:inline;margin:0 0 0 6px;font-size:13px}
@media(min-width:1101px){.transfer-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
.transfer-meta dt{margin:0 0 2px;font-size:12px;color:var(--muted)}
.transfer-meta dd{margin:0;font-size:14px}
.transfer-meta strong{font-size:15px}
.transfer-card-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px;padding:14px 20px}
.transfer-card-footer .request-actions{justify-content:flex-end}
@media(max-width:1100px){
 .transfer-card-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 .transfer-card-body>:nth-child(3){border-left:0;padding-left:0}
 .transfer-card-footer{grid-template-columns:minmax(0,1fr)}
 .transfer-card-footer .request-actions{justify-content:flex-start}
}
@media(max-width:640px){
 .transfer-card-body{grid-template-columns:minmax(0,1fr)}
 .transfer-card-body>*+*{border-left:0;padding:16px 0 0;border-top:1px solid var(--line)}
 .program-date-grid{padding:0 16px 16px}
}

/* Unified receipt workspace: one calendar trigger beside an icon-only Excel
   download, mirroring the sales filters row. */
.receipt-catalog .toolbar{align-items:flex-end;gap:12px}
.receipt-catalog .toolbar>.tabs{margin-right:auto}
.catalog-actions{display:flex;align-items:flex-end;gap:10px;flex:0 0 auto;margin:0 0 0 auto;padding:0}
.catalog-actions>.calendar-filter{flex:0 0 auto;width:240px;max-width:none;margin:0;min-width:0}
.catalog-actions .date-trigger{width:100%}
.catalog-export{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;margin:0}
.catalog-export svg{width:20px;height:20px}
@media(max-width:960px){
 .receipt-catalog .toolbar>.tabs{margin-right:0}
 .catalog-actions{flex:1 1 100%;flex-wrap:wrap}
 .catalog-actions>.calendar-filter{flex:1 1 220px;width:auto}
 .catalog-export{margin-left:auto;width:48px;min-width:48px;height:48px}
}

/* Elevation: one restrained two-level system on named content surfaces only.
   Tables, overlays, validation/focus rings, inset status bars and the mobile nav are
   deliberately excluded — they carry their own, separate visual language. */
.card,.sourcecard{box-shadow:var(--elev-1)}
.dashboard-stats .stat{box-shadow:var(--elev-1)}
.request-card{box-shadow:var(--elev-1)}
.program-request-row.request-card{box-shadow:var(--elev-2)}

/* Sales table toolbar: status tabs left, the live search and Sotuv qo‘shish pinned
   right and adjacent. Both live outside #clienttable so live search never detaches them. */
.page-actions:empty{display:none}
.toolbar>.tabs{margin-right:auto}
.toolbar-actions{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:0}
.toolbar-actions>.searchbox{flex:1 1 220px}
.toolbar-actions>.btn{flex:0 0 auto;white-space:nowrap}
@media(max-width:640px){
 .toolbar-actions{width:100%;flex-wrap:wrap;gap:8px;margin-left:0}
 .toolbar-actions>.searchbox{flex:1 1 100%;order:1;max-width:none;width:100%}
 .toolbar-actions>.btn{flex:1 1 100%;order:2;min-height:48px;justify-content:center}
}
/* Desktop filter controls join the 44px scale the rest of the app already uses. */
@media(min-width:961px){
 .business-filter button,.status-multiselect>summary,.manager-dropdown>summary,.date-trigger{min-height:44px;padding:10px 14px;font-size:14px}
 .clientfilters input,.clientfilters select{min-height:44px;font-size:14px}
 .clientfilters label,.clientfilters .filter-label{font-size:12px;margin-bottom:6px}
 .sales-toolbar .clientfilters{gap:12px}
 .dashboard-stats>.stats{margin-bottom:12px}
}
/* Six-up density: the cards get narrower, so trim padding and cap the sparkline. */
@media(min-width:1500px){
 .dashboard-stats .stat{padding:18px}
 .dashboard-stats .stat .label{font-size:12px;margin-bottom:14px}
 .dashboard-stats .stat strong{font-size:clamp(22px,1.35vw,27px)}
 .dashboard-stats .stat-trend{padding-top:12px}
 .dashboard-stats .stat-trend svg{max-height:56px}
 .dashboard-stats .trend-period{font-size:11px;gap:2px 4px}
 .dashboard-stats .trend-period>span:nth-child(2){order:-1;flex:1 0 100%;text-align:center}
 .dashboard-stats .stat-trend>span{font-size:11px}
 .debt-stats .debt-values{flex-direction:column;align-items:flex-start;gap:4px;margin:14px 0 8px}
 .debt-stats .stat .foot{padding-top:10px;font-size:12px;line-height:1.45}
}
/* Stat icon leads its label. */
.dashboard-stats .label{align-items:center;justify-content:flex-start;gap:10px}

/* ---- Kengash Settings sidebar language: flat ground, outlined icon wells ---- */
.sidebar>.sidebottom{border-top:1px solid var(--line)}
.nav{gap:2px}
.nav a:hover{background:var(--hover)}
.nav a.active .nav-icon{border-color:#14141459;background:var(--card)}
:root[data-theme="dark"] .nav a.active .nav-icon{border-color:#ffffff5c}
/* Notification bubbles stay red and high-contrast in both themes. */
.count,.message-tab-count,.catalog-channel-count,.page-summary-count{background:var(--alert);color:#fff}
.mobile-nav .count{background:var(--alert);color:#fff}
.page-summary{display:flex;align-items:center;gap:8px;margin:-8px 0 18px;color:var(--muted);font-size:14px}
.page-summary-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700}
/* Tabs and filters read dark in light mode, light in dark mode. */

.tab:not(.active),[data-catalog-channel]:not(.active){color:var(--text);font-weight:500}
.tab.active,[data-catalog-channel].active{background:var(--strong);color:var(--on);font-weight:600}
:root[data-theme="dark"] :is(.tab.active,[data-catalog-channel].active){background:var(--strong);color:var(--on)}
:root[data-theme="dark"] :is(.tab,[data-catalog-channel]):not(.active){color:var(--text)}

.catalog-channel-count{margin-left:8px}
[data-catalog-channel].active .catalog-channel-count{background:var(--on);color:var(--strong)}
/* ---- Transfers: approved transfer history ---- */
.transfer-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.transfer-history-table table{min-width:1180px}.transfer-history-table th{white-space:nowrap}.transfer-cell-client{display:grid;gap:2px;min-width:0}.transfer-cell-client strong{font-weight:600}.transfer-cell-client small{color:var(--muted);font-variant-numeric:tabular-nums}.transfer-history-table .transfer-program-flow{display:flex;align-items:center;gap:8px;white-space:nowrap}.transfer-history-table .transfer-program-chip{padding:5px 9px;font-size:13px}.transfer-history-table .transfer-time{margin-left:6px;color:var(--muted);font-size:13px}.transfer-cell-date{white-space:nowrap}.transfer-open-on{display:block;margin-top:4px;color:var(--muted);font-size:12px}.transfer-open-on>span{opacity:.8}.transfer-cell-reason{max-width:260px;overflow-wrap:anywhere}.transfer-cell-reason .request-error{display:block;margin-top:4px}.transfer-history-table .request-sale-link{white-space:nowrap}@media(max-width:960px){.transfer-history-table table{min-width:0}.transfer-cell-reason{max-width:none}}.transfer-history-heading{display:flex;align-items:center;gap:10px;font-size:17px;margin:0}
.transfer-filters{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;flex-wrap:wrap;flex:1 1 520px;min-width:0}
.transfer-filters .searchbox{flex:1 1 260px;max-width:340px}
.transfer-filters .field{margin:0;min-width:200px}
.transfer-filters select{min-height:44px;font-size:14px}
.transfer-state{display:inline-flex;align-items:center;gap:6px}
.transfer-state svg{width:14px;height:14px}
/* ---- Integrations: SaaS connector cards ---- */
.connector-card{display:flex;flex-direction:column;gap:14px;padding:22px}
.connector-card .inthead{align-items:flex-start;gap:12px}
.connector-card h2{font-size:17px;margin:0}
.connector-summary{margin:0;color:var(--muted);font-size:14px;line-height:1.6}
.connector-fields{display:grid;gap:10px;margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
.connector-fields>div{display:grid;grid-template-columns:minmax(120px,38%) minmax(0,1fr);gap:12px;align-items:baseline}
.connector-fields dt{color:var(--muted);font-size:12px}
.connector-fields dd{margin:0;font-size:14px;overflow-wrap:anywhere}
.connector-hint{display:block;margin-top:2px;color:var(--muted);font-size:12px}
.masked-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.02em}
.connector-help{margin:0}
.connector-actions{margin-top:auto;gap:8px;flex-wrap:wrap}
.connector-card .field{margin:0}
@media(max-width:640px){
 .connector-fields>div{grid-template-columns:minmax(0,1fr);gap:2px}
 .transfer-toolbar{align-items:stretch}
 .transfer-filters{width:100%}
 .transfer-filters .searchbox,.transfer-filters .field{flex:1 1 100%;max-width:none;width:100%}
 .transfer-filters .searchbox{order:1}
 .transfer-filters .field{order:2}
}

.phone-field .phone-control{display:flex;align-items:stretch;gap:0;min-width:0;min-height:48px;border:1px solid #dcdcdc;border-radius:12px;background:var(--card);overflow:hidden;transition:border-color .16s,box-shadow .16s}.phone-field .phone-control:hover{border-color:#bcbcbc}.field .phone-control:focus-within,.phone-field .phone-control:focus-within{border:1px solid #0c64c1;box-shadow:0 0 0 3px #0c64c11a}
.phone-field .phone-control>*{min-width:0}.phone-control :is(input.phone-national,select.phone-country).inputerror,.phone-control :is(input.phone-national,select.phone-country)[aria-invalid=true]{border:0!important;background-color:transparent!important;box-shadow:none!important}.phone-field .phone-control:has(.inputerror),.phone-field .phone-control:has([aria-invalid=true]){border-color:#d0465f;background:#fff8f9;box-shadow:0 0 0 3px #d0465f14}:root[data-theme="dark"] .phone-field .phone-control:has(.inputerror),:root[data-theme="dark"] .phone-field .phone-control:has([aria-invalid=true]){border-color:#ff98a4;background:#3b2429}.participant-row>.field{align-self:start}
.phone-control select.phone-country,select.phone-country.platform-select{flex:0 0 100px;width:100px;min-width:100px;max-width:100px;appearance:none;-webkit-appearance:none;background-image:none;background-position:0 0;background-color:transparent;border:0;border-right:1px solid var(--line);border-radius:0;box-shadow:none;padding-left:12px;padding-right:12px;text-align:center;text-overflow:clip;font-variant-numeric:tabular-nums;cursor:pointer}
.phone-control input.phone-national,.phone-field input.phone-national{flex:1 1 auto;width:auto;min-width:0;border:0;border-radius:0;background-color:transparent;box-shadow:none;font-variant-numeric:tabular-nums;letter-spacing:.2px}.phone-control :is(select,input):focus-visible{outline:0}
.participant-row>.participant-free,.participant-free{display:flex;align-items:center;justify-content:center;gap:7px;min-height:46px;margin:0;padding:8px 12px;border:1px dashed var(--line);border-radius:11px;background:var(--card);color:var(--muted);font-size:12px;font-weight:700;line-height:1.35;text-align:center}
.participant-free[hidden]{display:none}
.participant-free svg{width:15px;height:15px;flex:none;color:var(--green)}
.participant-allocation{margin:2px 0 10px;padding:0}
.participant-allocation .field{margin:0;max-width:280px}
.participant-allocation label{font-size:12px}
.agreement-evidence{padding:20px}
.agreement-upload-field{margin:0}
.agreement-state{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--card)}
.agreement-state-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:50%;background:var(--hover);color:var(--muted)}
.agreement-state-icon svg{width:16px;height:16px}
.agreement-state-body{min-width:0;flex:1}
.agreement-state-text{margin:0;font-size:13px;line-height:1.55;color:var(--text)}
.agreement-reasons{margin:9px 0 0;padding-left:18px;display:grid;gap:5px;font-size:12px;line-height:1.55;color:var(--muted)}
.agreement-reasons[hidden]{display:none}
.agreement-totals{display:grid;gap:4px;margin:10px 0 0;font-size:12px;line-height:1.5}
.agreement-totals[hidden]{display:none}
.agreement-totals>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px}
.agreement-totals dt{color:var(--muted)}
.agreement-totals dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}
.agreement-totals .agreement-total-gap dd{color:var(--red)}
.agreement-totals .agreement-total-match dd{color:var(--green)}
.agreement-evidence[data-agreement-state="analyzing"] .agreement-state-icon{color:var(--text)}
.agreement-evidence[data-agreement-state="analyzing"] .agreement-state-icon svg{animation:agreement-spin 1.1s linear infinite}
.agreement-evidence[data-agreement-state="accepted"] .agreement-state{border-color:var(--green)}
.agreement-evidence[data-agreement-state="accepted"] .agreement-state-icon{background:#e8f5ec;color:var(--green)}
.agreement-evidence[data-agreement-state="accepted"] .agreement-state-text{color:var(--green)}
.agreement-evidence:is([data-agreement-state="rejected"],[data-agreement-state="error"]) .agreement-state{border-color:var(--red)}
.agreement-evidence:is([data-agreement-state="rejected"],[data-agreement-state="error"]) .agreement-state-icon{background:#fdecec;color:var(--red)}
.agreement-evidence:is([data-agreement-state="rejected"],[data-agreement-state="error"]) .agreement-state-text{color:var(--red);font-weight:700}
.agreement-evidence[data-agreement-state="blocked"] .agreement-state{border-color:var(--amber)}
.agreement-evidence[data-agreement-state="blocked"] .agreement-state-icon{background:#fdf3e0;color:#8a6100}
.agreement-evidence[data-agreement-state="blocked"] .agreement-state-text{color:#8a6100;font-weight:700}
.sale-participant .participant-payment-id{display:block;margin-top:3px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@keyframes agreement-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.agreement-evidence[data-agreement-state="analyzing"] .agreement-state-icon svg{animation:none}}
@media(max-width:700px){.participant-allocation .field{max-width:none}}
@media(max-width:420px){.phone-control select.phone-country,select.phone-country.platform-select{flex-basis:92px;width:92px;min-width:92px;max-width:92px;padding-left:8px;padding-right:8px}}
:root[data-theme="dark"] :is(.agreement-state,.participant-free,.agreement-state-icon){background-color:var(--card);border-color:var(--line);color:var(--text)}
:root[data-theme="dark"] .agreement-state-icon{background-color:var(--hover);color:var(--muted)}
:root[data-theme="dark"] .agreement-evidence[data-agreement-state="accepted"] .agreement-state-icon{background-color:#14301e;color:var(--green)}
:root[data-theme="dark"] .agreement-evidence:is([data-agreement-state="rejected"],[data-agreement-state="error"]) .agreement-state-icon{background-color:#3a1b1b;color:var(--red)}
:root[data-theme="dark"] .agreement-evidence[data-agreement-state="blocked"] .agreement-state-icon{background-color:#3a2f16;color:var(--amber)}
:root[data-theme="dark"] .agreement-evidence[data-agreement-state="blocked"] .agreement-state-text{color:var(--amber)}
:root[data-theme="dark"] .agreement-waiver{background-color:var(--card);border-color:var(--line)}
:root[data-theme="dark"] .agreement-dropzone{background-color:var(--card);border-color:var(--well-line)}
:root[data-theme="dark"] :is(.agreement-dropzone:hover,.agreement-dropzone.is-dragover){background-color:var(--hover)}
:root[data-theme="dark"] .agreement-dropzone-icon{background-color:var(--bubble);color:var(--text)}
:root[data-theme="dark"] .phone-field .phone-control{background:var(--card);border-color:var(--line)}:root[data-theme="dark"] .phone-control select.phone-country{background-color:transparent;color:var(--text);border-right-color:var(--line)}:root[data-theme="dark"] .phone-control input.phone-national{background-color:transparent;color:var(--text)}
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap}

/* ---- Analitika: AI xarajati va token sarfi ----
   Bir xil karta, jadval va sparkline tilidan foydalanadi. Diagrammalarda SVG faqat
   ustunlarni chizadi (preserveAspectRatio:none bilan kengligi bo‘yicha cho‘ziladi),
   o‘q raqamlari esa HTML matni bo‘lib qoladi — shuning uchun telefonda ham o‘qiladi. */
:root{--ai-cost:#5b4a9e;--ai-input:#2f6ba6;--ai-output:#1f6a4a;--ai-grid:#14141418}
:root[data-theme="dark"]{--ai-cost:#c2aef0;--ai-input:#91bcf0;--ai-output:#8ed8b5;--ai-grid:#ffffff24}
.analytics-range{flex-wrap:wrap}
.analytics-meta{flex-wrap:wrap;line-height:1.6;overflow-wrap:anywhere}
.analytics-loading{padding:24px 0}
.stats.analytics-stats{grid-template-columns:repeat(auto-fit,minmax(196px,1fr));gap:14px;margin-bottom:22px}
.analytics-stat{display:flex;flex-direction:column;min-width:0}
.analytics-stats .label{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:nowrap;min-width:0;margin-bottom:14px;color:var(--muted)}
.analytics-stats .stat-icon{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--hover);color:var(--muted)}
.analytics-stats .stat-icon svg{width:18px;height:18px;color:inherit}
.analytics-stats .stat-name{min-width:0;overflow-wrap:anywhere}
.analytics-stats strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.analytics-stats .unit{display:inline-block;margin-left:5px}
.analytics-stats .stat-caption{margin:auto 0 0;padding-top:12px;color:var(--muted);font-size:12px;line-height:1.55}
.analytics-stat-cost .stat-icon{background:#efecfb;color:var(--ai-cost)}
.analytics-stat-input .stat-icon{background:#eaf2fc;color:var(--ai-input)}
.analytics-stat-output .stat-icon{background:#e8f5ee;color:var(--ai-output)}
:root[data-theme="dark"] .analytics-stat-cost .stat-icon{background:#2c2739}
:root[data-theme="dark"] .analytics-stat-input .stat-icon{background:#25394e}
:root[data-theme="dark"] .analytics-stat-output .stat-icon{background:#244137}
.analytics-chart .sectionhead{align-items:flex-start;flex-wrap:wrap}
.analytics-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0;padding:0;list-style:none;font-size:12px;color:var(--muted)}
.analytics-legend li{display:inline-flex;align-items:center;gap:7px}
.analytics-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;flex:none}
.analytics-swatch.analytics-bar-cost{background:var(--ai-cost)}
.analytics-swatch.analytics-bar-input{background:var(--ai-input)}
.analytics-swatch.analytics-bar-output{background:var(--ai-output)}
.analytics-chart-body{padding:20px}
.analytics-plot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 10px;align-items:start}
.analytics-axis-labels{display:flex;flex-direction:column;justify-content:space-between;height:180px;font-size:11px;line-height:16px;color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.analytics-axis-labels.is-flat{justify-content:flex-end}
.analytics-plot-svg{display:block;width:100%;height:180px}
.analytics-grid{stroke:var(--ai-grid);stroke-width:1;fill:none}
.analytics-baseline{stroke:var(--muted);stroke-opacity:.5}
.analytics-bar-hit{fill:transparent}
.analytics-bar-segment{stroke:none}
.analytics-bar-cost{fill:var(--ai-cost)}
.analytics-bar-input{fill:var(--ai-input)}
.analytics-bar-output{fill:var(--ai-output)}
[data-stat-trend="ai-cost"]{color:var(--ai-cost)}
[data-stat-trend="ai-tokens"]{color:var(--ai-input)}
.analytics-bar:hover .analytics-bar-hit{fill:currentColor;fill-opacity:.1}
.analytics-plot-area>.trend-period{margin-top:8px}
.analytics-chart-body>.trend-tooltip{margin-top:8px;min-height:20px}
.analytics-chart-body>.trend-tooltip:empty{display:block}
.analytics-data summary{min-height:44px;display:flex;align-items:center}
.analytics-data-wrap{max-height:320px;overflow:auto}
.analytics-data table{width:100%}
.analytics-data :is(th,td){padding:6px 10px 6px 0;white-space:nowrap}
.analytics-data thead th{position:sticky;top:0;background:var(--card);z-index:1}
.analytics-models .analytics-model-name{font-weight:600;overflow-wrap:anywhere;white-space:normal}
.analytics-models :is(td,th):not(:first-child){font-variant-numeric:tabular-nums}
.analytics-share{display:flex;align-items:center;gap:10px;min-width:120px}
.analytics-share-bar{flex:1 1 auto;min-width:48px;height:6px;border-radius:999px;background:var(--hover);overflow:hidden}
.analytics-share-bar>i{display:block;height:100%;border-radius:999px;background:var(--ai-cost)}
.analytics-share-value{flex:none;font-variant-numeric:tabular-nums}
.analytics-empty .empty{padding:36px 20px}
@media(max-width:960px){
 .analytics-range .tab{min-height:44px;padding:10px 14px;font-size:14px}
 .analytics-models .tablewrap{overflow:visible}
 .analytics-models table[data-mobile-table]{display:block;width:100%;min-width:0;max-width:100%;border:0}
 .analytics-models table[data-mobile-table] tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 16px;border-bottom:1px solid var(--line)}
 .analytics-models table[data-mobile-table] td{display:block;min-width:0;width:auto;padding:0;border:0;text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:none;font-size:14px;line-height:1.5}
 .analytics-models table[data-mobile-table] td.analytics-model-name{grid-column:1/-1}
 .analytics-models table[data-mobile-table] td:last-child{grid-column:1/-1}
 .analytics-share{min-width:0}
}
@media(max-width:640px){
 .stats.analytics-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .analytics-chart-body{padding:16px}
 .analytics-plot{gap:0 8px}
 .analytics-axis-labels{font-size:10px}
}
@media(max-width:400px){
 .stats.analytics-stats{grid-template-columns:minmax(0,1fr)}
 .analytics-range{width:100%}
 .analytics-range .tab{flex:1 1 auto;justify-content:center}
}