*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;min-width:0;margin:0;padding:0;overflow-x:hidden;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}body{min-height:100vh;background:#f6f8fb;color:#172033}app-root{display:block;width:100%;max-width:100%;min-width:0;overflow-x:hidden}button,input,select,textarea{font-family:inherit}input:-webkit-autofill{-webkit-text-fill-color:#172033;transition:background-color 5000s ease-in-out 0s}.layout,.main-content,.sale-page{max-width:100%;min-width:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#f1f3f6;border-radius:10px}::-webkit-scrollbar-thumb{background:#c6ccd5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#9fa7b5}.page-header,.settings-header,.dashboard-header,.pg-hdr,.set-hdr{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}:is(.page-header,.settings-header,.dashboard-header,.pg-hdr,.set-hdr) h1{margin:0;font-size:34px;line-height:1.15;font-weight:800;color:#172033}:is(.page-header,.settings-header,.dashboard-header,.pg-hdr) p{margin:4px 0 0;font-size:15px;color:#737d8e}.eyebrow{display:block;font-size:11px;font-weight:800;letter-spacing:1.5px;color:#16a34a;margin-bottom:4px}@media(max-width:768px){:is(.page-header,.settings-header,.dashboard-header,.pg-hdr){flex-direction:column;align-items:flex-start;gap:8px}:is(.page-header,.settings-header,.dashboard-header,.pg-hdr) h1{font-size:28px}}@media(max-width:420px){:is(.page-header,.settings-header,.dashboard-header,.pg-hdr) h1{font-size:25px}}.section-card,.sec-crd,.s-c,.stat-card,.st-crd,.form-card,.form-crd,.list-card,.list-crd,.summary-card,.sum-crd,.history-card,.hist-crd,.settings-card,.set-crd,.customer-card,.cust-crd,.password-card,.pwd-crd,.sale-card,.sale-crd{background:#fff;border:1px solid #e7ebf1;border-radius:14px;box-shadow:0 2px 8px #141e3208}.settings-card,.set-crd{padding:28px;margin-bottom:24px}.section-header,.sec-hdr,.form-card-header,.form-hdr{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #edf0f4}.section-label,.sec-lbl{display:block;font-size:10px;font-weight:800;letter-spacing:1.3px;color:#8a93a1;margin-bottom:3px}:is(.section-header,.sec-hdr,.form-card-header,.form-hdr) h2{margin:0;font-size:22px;line-height:1.15;font-weight:800;color:#172033}.form-group,.form-grp,.fg,.field{min-width:0}:is(.form-group,.form-grp,.fg,.field) label{display:block;margin-bottom:4px;font-size:13px;font-weight:800;color:#374151}:is(.form-group,.form-grp,.fg) :is(input,select),.field :is(input[type=text],input[type=number],select){width:100%;height:44px;padding:0 13px;border:1px solid #dfe4ea;border-radius:8px;outline:none;background:#fff;color:#172033;font-size:15px;transition:border-color .2s ease,box-shadow .2s ease}:is(.form-group,.form-grp,.fg) :is(input:focus,select:focus),.field :is(input:focus,select:focus){border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.primary-button,.btn-pri,.secondary-button,.btn-sec,.save-button,.btn-save,.danger-button,.btn-dgr{min-height:42px;padding:0 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:800;transition:.2s ease;white-space:nowrap}.primary-button,.btn-pri,.save-button,.btn-save,.complete-sale-button,.btn-cplt,.print-receipt-button,.btn-prt-rcpt{border:1px solid #16a34a;background:#16a34a;color:#fff}:is(.primary-button,.btn-pri,.save-button,.btn-save,.complete-sale-button,.btn-cplt,.print-receipt-button,.btn-prt-rcpt):hover{background:#15803d;border-color:#15803d}.secondary-button,.btn-sec{border:1px solid #dfe4eb;background:#fff;color:#4b5563}:is(.secondary-button,.btn-sec):hover{background:#f8fafc;border-color:#cbd5e1}.complete-sale-button,.btn-cplt{width:100%;min-height:44px;border:0}.clear-sale-button,.btn-clr{width:100%;min-height:44px;border:1px solid #e1e5ea;border-radius:8px;background:#fff;color:#6b7280;cursor:pointer;font-size:14px;font-weight:800;transition:.2s ease}:is(.clear-sale-button,.btn-clr):hover{border-color:#d1d5db;background:#f8fafc}.danger-button,.btn-dgr{border:1px solid #dc2626;background:transparent;color:#dc2626}:is(.danger-button,.btn-dgr):hover{background:#dc2626;color:#fff}.table-wrapper,.tbl-wrap{width:100%;overflow-x:auto;overflow-y:hidden}:is(.section-card,.sec-crd,.s-c,.list-card,.list-crd,.sales-table,.sls-tbl) table,table.sales-table,table.sls-tbl{width:100%;border-collapse:collapse}:is(.section-card,.sec-crd,.s-c,.list-card,.list-crd) table thead th,:is(.sales-table,.sls-tbl) th{padding:11px 16px;background:#f7f8fa;border-bottom:1px solid #e5e9ef;color:#606b7b;font-size:12px;font-weight:800;letter-spacing:.4px;text-align:left;white-space:nowrap}:is(.section-card,.sec-crd,.s-c,.list-card,.list-crd) table tbody tr,:is(.sales-table,.sls-tbl) tbody tr{border-bottom:1px solid #edf0f4;transition:background .15s ease}:is(.section-card,.sec-crd,.s-c,.list-card,.list-crd) table tbody tr:hover,:is(.sales-table,.sls-tbl) tbody tr:hover{background:#f8fafc}:is(.section-card,.sec-crd,.s-c,.list-card,.list-crd) table tbody td,:is(.sales-table,.sls-tbl) td{padding:12px 16px;font-size:15px;color:#303a4b;vertical-align:middle;white-space:nowrap}.action-button,.btn-act{height:30px;padding:0 9px;border-radius:6px;border:1px solid #dbe1e6;background:#fff;color:#434f5d;font-size:12px;font-weight:700;cursor:pointer;transition:.15s ease}:is(.action-button,.btn-act):hover{background:#f0f3f5;border-color:#c9d2d9}:is(.action-button,.btn-act).view{border-color:#d6e8dc;color:#287d4e;background:#f5faf7}:is(.action-button,.btn-act).view:hover{background:#eaf5ee;border-color:#b8dcbf}:is(.action-button,.btn-act).print{border-color:#d9e2ec;color:#334e68;background:#f0f4f8}:is(.action-button,.btn-act).print:hover{background:#e1ebf4;border-color:#bcccdc}:is(.action-button,.btn-act).delete{border-color:#f7dcd8;color:#c43d3d;background:#fdf5f4}:is(.action-button,.btn-act).delete:hover{background:#faeae8;border-color:#f0c3be}.modal-table-wrapper,.mdl-tbl-wrap{padding:0 16px;overflow-x:auto}.modal-table,.mdl-tbl{width:100%;border-collapse:collapse}:is(.modal-table,.mdl-tbl) th{padding:8px;background:#f5f7f6;color:#596572;font-size:11px;font-weight:800;text-align:left}:is(.modal-table,.mdl-tbl) td{padding:8px;border-bottom:1px solid #edf0f2;font-size:14px;color:#3d4853}.pagination,.pgn{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid #edf0f2;background:#fafbfc}.pagination-info{font-size:13px;color:#677381}.pagination-controls{display:flex;align-items:center;gap:5px}.page-button,.btn-pg{min-width:32px;height:32px;padding:0 7px;border:1px solid #dfe4e9;border-radius:6px;background:#fff;color:#434f5d;font-size:13px;font-weight:600;cursor:pointer}:is(.page-button,.btn-pg):hover:not(:disabled){background:#edf2f0;border-color:#287d4e;color:#287d4e}:is(.page-button,.btn-pg).active{background:#287d4e;border-color:#287d4e;color:#fff}:is(.page-button,.btn-pg):disabled{opacity:.45;cursor:not-allowed}.modal-backdrop,.credit-modal-backdrop,.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a94;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.modal,.credit-modal,.payment-modal,.pmt-mdl{width:min(720px,100%);max-height:calc(100vh - 50px);display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e4e8ee;border-radius:16px;box-shadow:0 24px 70px #0f172a38}.modal-header,.credit-modal-header,.mdl-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #edf0f4}:is(.modal-header,.credit-modal-header,.mdl-hdr) h2{margin:0;font-size:22px;line-height:1.2;font-weight:800;color:#172033}:is(.modal-header,.credit-modal-header,.mdl-hdr) p{margin:4px 0 0;font-size:13px;color:#8992a1}.modal-close,.credit-modal-close,.close-button,.btn-cls{width:34px;height:34px;flex:0 0 34px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e9ef;border-radius:8px;background:#f6f8fa;color:#667181;font-size:20px;cursor:pointer;transition:.15s ease}:is(.modal-close,.credit-modal-close,.close-button,.btn-cls):hover{background:#fff1f1;border-color:#f1caca;color:#c0392b}.modal-footer,.credit-modal-footer,.mdl-ftr{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;border-top:1px solid #edf0f4;background:#fafbfc}@media(max-width:700px){.credit-modal-backdrop{padding:15px;align-items:flex-end}.credit-modal{width:100%;max-height:calc(100vh - 30px);border-radius:16px 16px 0 0}}@media(max-width:450px){.credit-modal-backdrop{padding:0}.credit-modal{max-height:100vh;border-radius:14px 14px 0 0}}.empty-state,.empty-st,.credit-empty-state{min-height:200px;padding:35px 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-icon,.empty-ico,.credit-empty-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:50%;background:#f0f2f5;color:#7d8796;font-size:22px;font-weight:700}:is(.empty-state,.empty-st,.credit-empty-state) :is(h2,h3){margin:0;font-size:19px;font-weight:800;color:#273143}:is(.empty-state,.empty-st,.credit-empty-state) p{max-width:420px;margin:6px 0 0;font-size:14px;line-height:1.6;color:#8992a1}.message,.msg,.sale-message,.settings-message{width:100%;padding:10px 14px;margin-bottom:12px;border-radius:8px;font-size:14px;font-weight:600;line-height:1.45;display:flex;align-items:center;gap:8px}:is(.message,.msg,.sale-message,.settings-message).success{background:#eaf7ef;color:#187344;border:1px solid #ccebd8}:is(.message,.msg,.sale-message,.settings-message).error,.payment-error,.pmt-err{background:#fff0f0;color:#b42318;border:1px solid #f2cccc}.message-icon,.msg-ico{width:21px;height:21px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;font-size:12px;font-weight:800;background:currentColor;color:#fff}.payment-badge,.pmt-bdg{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:32px;padding:5px 12px;border-radius:7px;font-size:13px;font-weight:800;white-space:nowrap}.payment-badge.cash{background:#eaf7ef;color:#187344}.payment-badge.credit{background:#fff3df;color:#a05b00}.stat-card{padding:19px 22px;min-height:145px}.stat-top,.st-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-label,.st-lbl{font-size:11px;font-weight:800;letter-spacing:1px;color:#858e9d}.stat-icon,.st-ico{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f0f3f7;color:#202a3a;font-size:14px;font-weight:800}.stat-value,.st-val{margin-top:14px;font-size:25px;font-weight:800;color:#172033;line-height:1.2}.stat-description,.st-desc{margin-top:7px;font-size:13px;color:#8992a1}.credit-card{border-top:3px solid #d97706}.credit-card-clickable{cursor:pointer;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.credit-card-clickable:hover{transform:translateY(-2px);border-color:#f0c27b;box-shadow:0 8px 20px #d977061a}.credit-card-clickable:active{transform:translateY(0)}.credit-card-clickable:focus-visible{outline:3px solid rgba(217,119,6,.25);outline-offset:2px}.credit-card-clickable .stat-icon{background:#fff3df;color:#a05b00;transition:background .18s ease,color .18s ease,transform .18s ease}.credit-card-clickable:hover .stat-icon{background:#d97706;color:#fff;transform:translate(2px)}.credit-card-clickable .stat-description{color:#a05b00}.credit-modal-kicker,.modal-kicker,.mdl-kicker{display:block;margin-bottom:4px;font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1.2px;color:#d97706}.modal-kicker,.mdl-kicker{color:#39845a}.credit-total-box{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:17px 26px;padding:16px 20px;background:linear-gradient(135deg,#fff8eb,#fff3df);border:1px solid #f4dfbd;border-radius:13px}.credit-total-box>div:first-child{display:flex;flex-direction:column;gap:4px}.credit-total-box span{font-size:10px;font-weight:800;letter-spacing:1px;color:#9b6a28}.credit-total-box strong{font-size:25px;line-height:1.2;font-weight:800;color:#a05b00}.credit-customer-count{min-width:85px;display:flex;flex-direction:column;align-items:center;padding-left:20px;border-left:1px solid #e8d2ad}.credit-customer-count strong{font-size:22px;color:#172033}.credit-customer-count span{margin-top:2px;font-size:11px;color:#8992a1}.credit-customer-list{padding:0 26px;overflow-y:auto;max-height:390px}.credit-customer-row{display:grid;grid-template-columns:minmax(0,1fr) 90px 145px;align-items:center;gap:18px;padding:14px 4px;border-bottom:1px solid #edf0f4}.credit-customer-row:last-child{border-bottom:none}.credit-customer-info{min-width:0;display:flex;flex-direction:column;gap:4px}.credit-customer-name{overflow:hidden;font-size:15px;line-height:1.3;font-weight:800;color:#172033;text-overflow:ellipsis;white-space:nowrap}.credit-customer-phone{font-size:12px;line-height:1.3;color:#8992a1}.credit-sales-count{display:flex;flex-direction:column;align-items:center;padding-left:10px}.credit-sales-count span,.credit-customer-amount span{font-size:9px;line-height:1.2;font-weight:800;letter-spacing:1px;color:#929aa7}.credit-sales-count strong{margin-top:4px;font-size:15px;font-weight:800;color:#303a4b}.credit-customer-amount{display:flex;flex-direction:column;align-items:flex-end}.credit-customer-amount strong{margin-top:4px;font-size:16px;line-height:1.2;font-weight:800;color:#a05b00}.credit-close-button{min-width:90px;padding:10px 17px;border:1px solid #dfe4eb;border-radius:8px;background:#fff;color:#4c5666;font-size:13px;font-weight:800;cursor:pointer;transition:.15s ease}.credit-close-button:hover{background:#f2f4f7;border-color:#cbd1da;color:#172033}.search-box{position:relative;display:flex;align-items:center}.search-symbol{position:absolute;left:12px;color:#8993a1;font-size:20px;pointer-events:none}.search-box input{width:100%;height:40px;padding:0 38px 0 36px;border:1px solid #dfe4e9;border-radius:7px;background:#fff;color:#222b35;font-size:15px;outline:none}.search-box input:focus{border-color:#43a66b;box-shadow:0 0 0 3px #43a66b14}.clear-search{position:absolute;right:8px;width:25px;height:25px;border:0;border-radius:50%;background:#edf0f2;color:#687381;font-size:17px;cursor:pointer}.step-number,.form-number,.form-num{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#dcfce7;color:#15803d;font-size:11px;font-weight:900}.form-number,.form-num{background:#f1f3f6;color:#566172;font-size:16px}.quantity-control,.qty-ctrl{height:44px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dfe4ea;border-radius:8px;overflow:hidden;background:#fff}.quantity-button,.qty-btn{width:40px;height:100%;border:0;background:#f5f7fa;color:#172033;cursor:pointer;font-size:20px;font-weight:700}:is(.quantity-button,.qty-btn):hover{background:#dcfce7;color:#15803d}.quantity-value,.qty-val{min-width:38px;text-align:center;color:#172033;font-size:15px;font-weight:800}.remove-item,.rm-itm{width:28px;height:28px;border:0;border-radius:7px;background:#fef2f2;color:#dc2626;cursor:pointer;font-size:18px;line-height:1;display:inline-flex;align-items:center;justify-content:center}:is(.remove-item,.rm-itm):hover{background:#fee2e2}.eye-button,.eye-btn{width:36px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#64748b;font-size:18px;font-weight:700;cursor:pointer;transition:.2s ease}:is(.eye-button,.eye-btn):hover{color:#16a34a}.text-button,.btn-txt,.create-button,.btn-crt,.back-button,.btn-bck{border:0;cursor:pointer;background:transparent;padding:0;font-weight:800}:is(.text-button,.btn-txt,.create-button,.btn-crt,.back-button,.btn-bck):hover{text-decoration:underline}.toggle-button,.btn-tog,.small-button,.btn-sm{min-height:42px;padding:0 16px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;border:1px solid #dfe4ea;background:#fff;color:#6b7280;transition:.2s ease}:is(.toggle-button,.btn-tog).active,:is(.small-button,.btn-sm).enabled{border-color:#16a34a;background:#16a34a;color:#fff}.small-button,.btn-sm{min-height:38px;padding:0 11px;border-radius:8px;font-size:13px}:is(.small-button,.btn-sm):disabled{opacity:.45;cursor:not-allowed}.sale-id{font-size:15px;font-weight:800;color:#287d4e}.customer-name{font-size:15px;font-weight:700;color:#222c36}.total-amount{font-size:15px;font-weight:800;color:#1e2832}.customer-details,.cust-dtl,.payment-summary,.pmt-sum{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px 16px}:is(.customer-details,.cust-dtl,.payment-summary,.pmt-sum)>div{padding:8px 10px;border-radius:7px;background:#f6f8f7}:is(.customer-details,.cust-dtl,.payment-summary,.pmt-sum) span{display:block;font-size:11px;color:#78838e}:is(.customer-details,.cust-dtl,.payment-summary,.pmt-sum) strong{display:block;font-size:14px;color:#303b45}.empty-items,.empty-itms{margin-top:6px;padding:15px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #dce3e8;border-radius:9px;background:#fafbfc;text-align:center}:is(.empty-items,.empty-itms) strong{color:#374151;font-size:14px}:is(.empty-items,.empty-itms) span{margin-top:3px;color:#9ca3af;font-size:12px}.edit-form,.edt-form{padding:12px 16px 0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-items,.edt-itms{margin-top:3px;border:1px solid #e4e8eb;border-radius:8px;overflow:hidden}.edit-items-header,.edt-itms-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:#f6f8f7;border-bottom:1px solid #e4e8eb}:is(.edit-items-header,.edt-itms-hdr) h3{margin:0;font-size:16px;font-weight:800;color:#303a43}:is(.edit-items-header,.edt-itms-hdr) span{font-size:12px;color:#74808a}.edit-item,.edt-itm{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid #edf0f2}:is(.edit-item,.edt-itm):last-child{border-bottom:0}:is(.edit-item-info,.edt-itm-info) strong{display:block;font-size:14px;color:#303a43}:is(.edit-item-info,.edt-itm-info) span{display:block;margin-top:2px;font-size:11px;color:#7b8590}.edit-item-total,.edt-itm-ttl{min-width:85px;text-align:right;font-size:14px;color:#27323b}.payment-edit,.pmt-edt{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.edit-total,.edt-ttl{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding:9px 11px;border-radius:7px;background:#edf6f0}:is(.edit-total,.edt-ttl) span{font-size:14px;font-weight:700;color:#53615b}:is(.edit-total,.edt-ttl) strong{font-size:18px;color:#237a4b}.date-box,.dt-bx{min-width:150px;padding:9px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;text-align:right}:is(.date-box,.dt-bx) span{display:block;margin-bottom:3px;color:#9ca3af;font-size:10px;font-weight:800;letter-spacing:1px}:is(.date-box,.dt-bx) strong{color:#172033;font-size:14px}.print-action,.prt-act{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px;padding:10px 14px;border:1px solid #bbf7d0;border-radius:10px;background:#f0fdf4}.print-action-info,.prt-act-info strong{display:block;margin-bottom:2px;color:#166534;font-size:14px}.print-action-info,.prt-act-info span{display:block;color:#4b5563;font-size:12px}.print-receipt-button,.btn-prt-rcpt{min-height:40px;padding:0 16px;border:0;border-radius:8px;background:#16a34a;color:#fff;cursor:pointer;font-size:13px;font-weight:800;white-space:nowrap;transition:.2s ease}:is(.print-receipt-button,.btn-prt-rcpt):hover{background:#15803d;transform:translateY(-1px)}.card-header,.crd-hdr{display:flex;align-items:center;gap:10px;margin-bottom:12px}:is(.card-header,.crd-hdr) h2{margin:0;color:#172033;font-size:22px;line-height:1.15;font-weight:800}:is(.card-header,.crd-hdr) p{margin:3px 0 0;color:#8a94a6;font-size:13px}.total-box,.ttl-bx{margin-bottom:9px;padding:10px 13px;border-radius:9px;background:#f0fdf4;text-align:center}:is(.total-box,.ttl-bx) span{display:block;margin-bottom:3px;color:#15803d;font-size:10px;font-weight:850;letter-spacing:1.1px}:is(.total-box,.ttl-bx) strong{display:block;color:#166534;font-size:29px;font-weight:900;line-height:1.1}.payment-section,.pmt-sec{display:flex;flex-direction:column;gap:9px}.money-input,.mny-inp,.money-display,.mny-dsp{height:44px;display:flex;align-items:center;border:1px solid #dfe4ea;border-radius:8px;background:#fff;overflow:hidden;width:100%}:is(.money-input,.mny-inp,.money-display,.mny-dsp)>span{padding:0 11px;color:#9ca3af;font-size:12px;font-weight:700}:is(.money-input,.mny-inp) input{width:100%;height:100%;padding:0 11px 0 0;border:0;outline:none;background:transparent;color:#172033;font-size:15px;font-weight:700}:is(.money-display,.mny-dsp) strong{margin-left:auto;padding-right:13px;color:#172033;font-size:15px}:is(.money-display,.mny-dsp).credit{background:#fffaf0;border-color:#fde68a}:is(.money-display,.mny-dsp).credit strong{color:#b45309}.balance-box,.bal-bx{padding:11px 12px;border:1px solid #e5e7eb;border-radius:9px;background:#f8fafc}:is(.balance-box,.bal-bx)>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}:is(.balance-box,.bal-bx) span{color:#6b7280;font-size:12px;font-weight:650}:is(.balance-box,.bal-bx) strong{color:#b45309;font-size:14px}.balance-line,.bal-line{height:1px;margin:7px 0;background:#e5e7eb}:is(.balance-box,.bal-bx) small{display:block;color:#9ca3af;font-size:10px}.restore-top-button,.btn-rst-top{min-height:var(--gym-button-height, 46px);padding:0 20px;border:1px solid var(--gym-border, #e5e7eb);border-radius:var(--gym-card-radius, 14px);background:var(--gym-card-background, #ffffff);color:var(--gym-text, #172033);cursor:pointer;font-size:var(--gym-button-size, 15px);font-weight:700;transition:.2s ease}:is(.restore-top-button,.btn-rst-top):hover{border-color:var(--gym-primary, #16a34a);color:var(--gym-primary, #16a34a);transform:translateY(-1px)}.section-icon,.sec-ico{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--gym-primary, #16a34a);color:#fff;font-size:18px;font-weight:800;box-shadow:0 6px 16px #16a34a40}.settings-grid,.set-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.field.full,.fg.full{grid-column:1 / -1}:is(.field,.fg) input[type=range]{width:100%;height:8px;margin:8px 0 4px;accent-color:var(--gym-primary, #16a34a);cursor:pointer}.logo-control,.logo-ctrl{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:110px;padding:15px;border:1px dashed var(--gym-border, #e5e7eb);border-radius:12px;background:#fbfcfd}:is(.logo-control,.logo-ctrl) input[type=file]{width:100%;max-width:420px;padding:10px;border:1px solid var(--gym-border, #e5e7eb);border-radius:10px;background:var(--gym-card-background, #ffffff);color:var(--gym-text, #172033);font-size:14px;cursor:pointer}.logo-preview,.logo-prev{width:82px;height:82px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--gym-border, #e5e7eb);border-radius:12px;background:#fff}:is(.logo-preview,.logo-prev) img{max-width:100%;max-height:100%;object-fit:contain}.section-actions,.sec-act{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:26px;padding-top:20px;border-top:1px solid var(--gym-border, #e5e7eb)}.theme-options,.thm-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.theme-option,.thm-opt{min-height:145px;padding:18px;border:2px solid var(--gym-border, #e5e7eb);border-radius:14px;background:var(--gym-card-background, #ffffff);color:var(--gym-text, #172033);cursor:pointer;text-align:left;transition:.2s ease}:is(.theme-option,.thm-opt):hover{transform:translateY(-2px);border-color:var(--gym-primary, #16a34a);box-shadow:0 8px 20px #0f172a14}:is(.theme-option,.thm-opt).selected{border-color:var(--gym-primary, #16a34a);box-shadow:0 0 0 3px #16a34a26}.theme-preview,.thm-prev{display:block;width:100%;height:55px;margin-bottom:14px;border-radius:9px}.green-preview,.grn-prev{background:linear-gradient(135deg,#10281d,#16a34a,#8ee0aa)}.blue-preview,.blu-prev{background:linear-gradient(135deg,#172554,#2563eb,#93c5fd)}.dark-preview,.drk-prev{background:linear-gradient(135deg,#030712,#111827,#4b5563)}:is(.theme-option,.thm-opt) strong{display:block;font-size:16px;font-weight:800}:is(.theme-option,.thm-opt) small{display:block;margin-top:4px;color:var(--gym-muted-text, #6b7280);font-size:12px}.color-grid,.clr-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.color-field,.clr-fld{min-height:110px;padding:14px;border:1px solid var(--gym-border, #e5e7eb);border-radius:12px;background:var(--gym-background, #f5f7fb)}:is(.color-field,.clr-fld) input[type=color]{width:100%;height:50px;padding:3px;border:1px solid var(--gym-border, #e5e7eb);border-radius:9px;background:#fff;cursor:pointer}.choice-row{display:flex;gap:10px}.choice-row button{flex:1;min-height:var(--gym-button-height, 46px);border:1px solid var(--gym-border, #e5e7eb);border-radius:10px;background:var(--gym-card-background, #ffffff);color:var(--gym-text, #172033);cursor:pointer;font-size:var(--gym-button-size, 15px);font-weight:700;transition:.2s ease}.choice-row button:hover{border-color:var(--gym-primary, #16a34a)}.choice-row button:is(.selected-choice,.sel-choice){border-color:var(--gym-primary, #16a34a);background:var(--gym-primary, #16a34a);color:#fff}.menu-settings,.menu-sets{display:flex;flex-direction:column;gap:10px;margin-top:24px}.menu-setting-row,.menu-set-row{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:62px;padding:10px 14px;border:1px solid var(--gym-border, #e5e7eb);border-radius:12px;background:var(--gym-background, #f5f7fb)}.menu-setting-info,.menu-set-info{display:flex;align-items:center;gap:12px;min-width:0}.menu-setting-icon,.menu-set-ico{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--gym-primary, #16a34a);color:#fff;font-size:17px;font-weight:800}:is(.menu-setting-info,.menu-set-info) strong{color:var(--gym-text, #172033);font-size:var(--gym-body-size, 16px);font-weight:700}.menu-setting-actions,.menu-set-act{display:flex;align-items:center;gap:7px;flex-shrink:0}.final-settings-card,.fnl-set-crd{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;padding:26px;border:1px solid var(--gym-primary, #16a34a);border-radius:var(--gym-card-radius, 14px);background:linear-gradient(135deg,#16a34a14,#fff)}:is(.final-settings-card,.fnl-set-crd) h2{margin:0;color:var(--gym-text, #172033);font-size:20px;font-weight:800}:is(.final-settings-card,.fnl-set-crd) p{margin:7px 0 0;color:var(--gym-muted-text, #6b7280);font-size:var(--gym-body-size, 16px);line-height:1.5}.final-save-button,.btn-fnl-save{min-height:52px;padding:0 28px;border:0;border-radius:12px;background:var(--gym-primary, #16a34a);color:#fff;cursor:pointer;font-size:var(--gym-button-size, 15px);font-weight:800;white-space:nowrap;box-shadow:0 8px 20px #16a34a40;transition:.2s ease}:is(.final-save-button,.btn-fnl-save):hover{background:var(--gym-secondary, #15803d);transform:translateY(-2px)}.welcome-badge,.w-badge,.mini-badge,.m-badge{display:inline-flex;align-items:center;gap:9px;width:fit-content;padding:9px 14px;border-radius:999px;background:#4ade8017;border:1px solid rgba(74,222,128,.16);color:#86efac;font-size:11px;font-weight:900;letter-spacing:1.5px}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 5px #4ade8014}.feature-list,.ftr-list{display:grid;gap:15px}.feature,.ftr{display:flex;align-items:center;gap:15px;width:min(520px,100%);padding:15px 18px;border:1px solid rgba(255,255,255,.07);border-radius:17px;background:#ffffff09;transition:.25s ease}:is(.feature,.ftr):hover{transform:translate(7px);background:#fff1;border-color:#4ade802e}.feature-icon,.ftr-ico{width:45px;height:45px;flex:0 0 45px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#4ade801a;color:#4ade80;font-size:21px;font-weight:900}:is(.feature,.ftr) strong,:is(.feature,.ftr) span{display:block}:is(.feature,.ftr) strong{margin-bottom:3px;font-size:14px;font-weight:850}:is(.feature,.ftr) span{color:#91aaa0;font-size:12px}.auth-heading,.auth-hdr{margin-bottom:35px}:is(.auth-heading,.auth-hdr) :is(.welcome-badge,.w-badge){margin-bottom:17px;color:#15803d;background:#f0fdf4;border-color:#dcfce7}:is(.auth-heading,.auth-hdr) h2{margin:0 0 11px;color:#10231a;font-size:37px;line-height:1.15;letter-spacing:-1.4px;font-weight:900}:is(.auth-heading,.auth-hdr) p{margin:0;color:#718078;font-size:15px;line-height:1.65}.big-auth-icon,.auth-ico{width:64px;height:64px;margin-bottom:19px;display:flex;align-items:center;justify-content:center;border-radius:19px;color:#15803d;background:#ecfdf5;font-size:31px;font-weight:900}.input-group,.inp-grp{margin-bottom:22px}:is(.input-group,.inp-grp) label{display:block;margin-bottom:9px;color:#26372f;font-size:13px;font-weight:850}.label-row,.lbl-row{display:flex;justify-content:space-between;align-items:center}.show-password,.btn-shw-pwd{border:0;padding:0;cursor:pointer;background:transparent;color:#16a34a;font-size:10px;font-weight:900;letter-spacing:1px}.input-box,.inp-box{height:62px;display:flex;align-items:center;border:1.5px solid #e1e9e5;border-radius:15px;background:#fbfdfc;transition:.2s ease}:is(.input-box,.inp-box):focus-within{border-color:#22c55e;background:#fff;box-shadow:0 0 0 4px #22c55e14}.input-icon,.inp-ico{width:53px;flex:0 0 53px;text-align:center;color:#36ad5e;font-size:18px;font-weight:900}:is(.input-box,.inp-box) input{width:100%;height:100%;min-width:0;padding:0 8px 0 0;border:0;outline:none;background:transparent;color:#17251f;font-size:16px;font-weight:600}:is(.input-box,.inp-box) input::placeholder{color:#9ba9a3;font-weight:500}.login-button,.btn-login{width:100%;height:64px;margin-top:4px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border:0;border-radius:15px;cursor:pointer;color:#fff;background:linear-gradient(135deg,#22c55e,#15803d);box-shadow:0 13px 28px #16a34a33;font-size:14px;font-weight:900;letter-spacing:1.5px;transition:.2s ease}:is(.login-button,.btn-login):hover{transform:translateY(-2px);box-shadow:0 17px 34px #16a34a47}:is(.login-button,.btn-login):active{transform:translateY(0)}.button-arrow,.btn-arr{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:11px;background:#ffffff29;font-size:21px}.demo-login,.demo-lgn{margin-top:32px;padding:13px 15px;display:flex;justify-content:space-between;align-items:center;border-radius:12px;background:#f7faf8;border:1px solid #edf2ef}:is(.demo-login,.demo-lgn) span{color:#8a9891;font-size:9px;font-weight:900;letter-spacing:1.2px}:is(.demo-login,.demo-lgn) strong{color:#426052;font-size:11px}@media(max-width:520px){:is(.auth-heading,.auth-hdr) h2{font-size:30px}:is(.input-box,.inp-box){height:60px}:is(.login-button,.btn-login){height:62px}:is(.demo-login,.demo-lgn){flex-direction:column;gap:5px}}.fitness-card,.fit-crd{display:flex;align-items:center;gap:12px;padding:14px;margin-bottom:15px;border-radius:var(--layout-card-radius, 14px);background:#ffffff0e}.fitness-card-icon,.fit-ico{width:35px;height:35px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--layout-accent, #8fd8aa);color:var(--layout-secondary, #10281d);font-size:20px;font-weight:900;flex-shrink:0}:is(.fitness-card,.fit-crd) strong{display:block;color:#fff;font-size:12px}:is(.fitness-card,.fit-crd) span{display:block;margin-top:3px;color:#ffffff7a;font-size:10px;line-height:1.4}.logout-button,.btn-logout{width:100%;min-height:var(--gym-button-height, 48px);border:1px solid rgba(255,255,255,.09);background:transparent;border-radius:var(--layout-card-radius, 14px);color:#ffffffad;cursor:pointer;display:flex;align-items:center;gap:12px;padding:0 15px;font-size:var(--gym-button-size, 14px);font-weight:650;transition:.2s ease}:is(.logout-button,.btn-logout):hover{background:#ffffff12;color:#fff}.logout-icon,.logout-ico{font-size:19px}.topbar-hover-zone,.top-hvr{position:fixed;top:0;left:0;right:0;height:14px;z-index:600;background:transparent}.topbar-left,.top-lft{display:flex;align-items:center;gap:14px}.page-brand-name,.pg-brd-nm{display:block;font-size:var(--gym-subheading-size, 19px);font-weight:850;letter-spacing:.4px;color:var(--layout-text, #17231d)}.page-brand-subtitle,.pg-brd-sub{display:block;margin-top:3px;font-size:9px;letter-spacing:1.7px;color:var(--layout-muted, #8a9b91);font-weight:800}.user-area,.usr-ar{display:flex;align-items:center;gap:11px}.user-avatar,.usr-avt{width:42px;height:42px;border-radius:50%;background:var(--layout-accent, #8fd8aa);color:var(--layout-secondary, #10281d);display:flex;align-items:center;justify-content:center;font-size:var(--gym-button-size, 17px);font-weight:850;flex-shrink:0}:is(.user-info,.usr-info) strong{display:block;color:var(--layout-text, #17231d);font-size:var(--gym-label-size, 13px)}:is(.user-info,.usr-info) span{display:block;margin-top:3px;color:var(--layout-muted, #8a9b91);font-size:10px}.mobile-menu-button,.btn-mob-menu{display:none;width:42px;height:42px;border:1px solid var(--layout-border, #e5ebe7);border-radius:var(--layout-card-radius, 14px);background:var(--layout-card-background, rgba(255, 255, 255, .96));color:var(--layout-secondary, #10281d);cursor:pointer;font-size:20px;align-items:center;justify-content:center}.mobile-overlay,.mob-ovl{display:none}button:focus-visible{outline:3px solid var(--layout-accent, #8fd8aa);outline-offset:2px}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:20px}.topbar{height:82px;background:var(--layout-card-background, rgba(255, 255, 255, .96));border-bottom:1px solid var(--layout-border, #e5ebe7);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:500;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;transition:height .35s ease,padding .35s ease}.topbar.topbar-hidden{height:0!important;min-height:0!important;padding-top:0!important;padding-bottom:0!important;border-bottom-width:0!important;box-shadow:none!important}@media(min-width:801px){.sidebar-compact{--sb-w: 88px}.sidebar-compact :is(.brand-section,.brd-sec){padding:25px 12px;text-align:center}.sidebar-compact :is(.brand-logo,.brd-logo){font-size:18px;word-break:break-word}.sidebar-compact :is(.brand-logo-image,.brd-img){justify-content:center}.sidebar-compact :is(.brand-logo-image,.brd-img) img{max-width:55px}.sidebar-compact :is(.brand-tagline,.brd-tag,.brand-slogan,.brd-slog,.nav-title,.nav-ttl,.nav-label,.nav-lbl,.fitness-card strong,.fit-crd strong,.fitness-card span,.fit-crd span,.logout-button span:not(.logout-icon),.btn-logout span:not(.logout-ico)){display:none}.sidebar-compact :is(.navigation,.nav-menu){padding:22px 10px}.sidebar-compact :is(.nav-item,.nav-itm){justify-content:center;padding:0;gap:0}.sidebar-compact :is(.sidebar-bottom,.sb-btm){padding:12px 10px 18px}.sidebar-compact :is(.fitness-card,.fit-crd){justify-content:center;padding:8px;margin-bottom:10px}.sidebar-compact :is(.logout-button,.btn-logout){justify-content:center;padding:0}}@media(max-width:800px){.topbar{height:72px;padding:0 18px}.mobile-menu-button{display:flex}.mobile-overlay{display:block;position:fixed;inset:0;background:#00000059;z-index:900}.user-info{display:none}}@media(max-width:480px){.topbar{padding:0 13px}.page-brand-subtitle{display:none}.user-avatar{width:38px;height:38px}}@media(max-width:360px){.topbar{height:68px}}.thermal-receipt{display:none}.receipt-center{width:100%;text-align:center}.receipt-brand{font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:20px;font-weight:900;letter-spacing:1px}.receipt-tagline{margin-top:2px;font-size:9px;line-height:12px;font-weight:700;letter-spacing:1.2px}.receipt-slogan{margin-top:3px;font-size:8px;line-height:11px}.receipt-line{width:100%;margin:6px 0;overflow:hidden;white-space:nowrap;font-family:Courier New,monospace;font-size:8px;line-height:10px}.receipt-info{display:flex;justify-content:space-between;gap:6px;font-family:Courier New,monospace;font-size:8px;line-height:11px}.receipt-info div{display:flex;gap:3px;min-width:0}.receipt-info strong{font-weight:700}.receipt-customer{font-family:Courier New,monospace;font-size:8px;line-height:12px}.receipt-customer div{display:flex;gap:4px;width:100%}.receipt-customer span{flex-shrink:0}.receipt-customer strong{min-width:0;overflow:hidden;word-break:break-word;font-weight:700}.receipt-items-header{display:grid;grid-template-columns:minmax(0,1fr) 30px 70px;gap:4px;align-items:center;font-family:Courier New,monospace;font-size:8px;line-height:11px;font-weight:900}.receipt-items-header span:nth-child(2),.receipt-items-header span:nth-child(3){text-align:right}.receipt-item{margin-top:5px;font-family:Courier New,monospace}.receipt-item-name{width:100%;overflow-wrap:anywhere;font-size:8px;line-height:11px;font-weight:700}.receipt-item-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:8px;line-height:11px}.receipt-item-meta span{min-width:0}.receipt-item-meta strong{flex-shrink:0;text-align:right;font-weight:700}.receipt-total{display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:Courier New,monospace;font-size:11px;line-height:15px;font-weight:900}.receipt-payment{margin-top:5px;font-family:Courier New,monospace;font-size:8px;line-height:12px}.receipt-payment div{display:flex;justify-content:space-between;gap:8px}.receipt-payment strong{font-weight:700}.receipt-thankyou{font-size:10px;line-height:13px;font-weight:900}.receipt-small{margin-top:5px;font-size:7px;line-height:9px}.receipt-logo{width:100%;display:flex;justify-content:center;align-items:center;margin:0 0 2mm;padding:0}.receipt-logo img{display:block;max-width:45mm;max-height:18mm;width:auto;height:auto;object-fit:contain}@media print{body{margin:0!important;padding:0!important;background:#fff!important}.new-sale-page{width:57.5mm!important;min-width:57.5mm!important;max-width:57.5mm!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important}.screen-sale-content{display:none!important}.thermal-receipt{display:block!important;width:57.5mm!important;min-width:57.5mm!important;max-width:57.5mm!important;margin:0!important;padding:2mm 2.5mm 4mm!important;background:#fff!important;color:#000!important;font-family:Courier New,Courier,monospace!important;font-size:8px!important;line-height:1.25!important;page-break-before:auto!important;page-break-after:auto!important;page-break-inside:avoid!important}.thermal-receipt *{color:#000!important;background:transparent!important;box-shadow:none!important;text-shadow:none!important}.receipt-brand{font-family:Arial,Helvetica,sans-serif!important;font-size:18px!important;line-height:20px!important;font-weight:900!important}.receipt-tagline{font-size:8px!important;line-height:11px!important}.receipt-slogan{font-size:7px!important;line-height:10px!important}.receipt-line{margin:5px 0!important;font-size:7px!important;line-height:9px!important;overflow:hidden!important}.receipt-info,.receipt-customer,.receipt-item-name,.receipt-item-meta,.receipt-payment{font-size:7.5px!important;line-height:10px!important}.receipt-items-header{grid-template-columns:minmax(0,1fr) 28px 66px!important;gap:3px!important;font-size:7.5px!important;line-height:10px!important}.receipt-item{margin-top:4px!important}.receipt-total{font-size:10px!important;line-height:13px!important;font-weight:900!important}.receipt-thankyou{font-size:9px!important;line-height:12px!important;font-weight:900!important}.receipt-small{margin-top:4px!important;font-size:6.5px!important;line-height:8px!important}.thermal-receipt,.receipt-item,.receipt-total,.receipt-payment{page-break-inside:avoid!important;break-inside:avoid!important}}@page{size:58mm auto;margin:0}@media(max-width:768px){html,body,app-root{width:100%;max-width:100%;min-width:0;overflow-x:hidden}}