:root{--green:#0b63f6;--lime:#e8f1ff;--ink:#10203f;--line:#d6e3fa;--bg:#f5f8ff}.brand{display:flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover;box-shadow:0 3px 10px #00276655}h2{color:#0b63f6}.card,.list-item,form{border-color:#dce8fb}.list-item:has([data-open]):hover{background:#edf4ff}.btn.secondary{border-color:#bfd7ff}.bottom-nav a.active{background:#e8f1ff}details.settings-menu>summary{color:#0b63f6}
.customer-debt{min-width:76px;text-align:right;color:#15803d}.customer-debt small,.customer-debt b{display:block}.customer-debt small{font-size:11px}.customer-debt b{font-size:13px}.customer-debt.has-debt{color:#c2410c}
.customer-filters{margin-top:14px}.customer-filters button.selected{background:#0b63f6;color:#fff;border-color:#0b63f6}
.bottom-nav a{font-size:0;display:flex;min-width:48px;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottom-nav a svg{width:23px;height:23px;fill:currentColor}.bottom-nav a span{font-size:10px}.icon-button{display:grid;place-items:center}.icon-button svg{width:25px;height:25px;fill:currentColor}
.customer-open-debts{margin-top:20px}.customer-open-debts h2{color:#0b63f6}.customer-debt-amount{color:#b42318;white-space:nowrap}
.customer-open-debts .customer-debt-actions{margin:12px 0}.customer-open-debts form[hidden]{display:none!important}
.form-grid #transfer-panel[hidden]{display:none!important}
#add{width:100%;min-height:48px;margin:8px 0 4px}.customer-filters{display:flex;padding:4px;border-radius:12px;background:#eaf1ff}.customer-filters button{flex:1;min-height:40px;border-radius:9px;background:transparent;color:#52627a;border:0;font-weight:650}.customer-filters button.selected{background:#0b63f6;color:#fff;box-shadow:0 2px 6px #0b63f633}.search{width:100%;min-height:48px;padding:12px 14px;border:1px solid #d6e3fa;border-radius:12px;background:#fff;font-size:15px}.search:focus,#customer-form input:focus,#customer-form textarea:focus{outline:0;border-color:#0b63f6;box-shadow:0 0 0 3px #0b63f61a}#customer-list{display:grid;gap:10px;margin-top:12px}#customer-list .list-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;border:1px solid #dce8fb;border-radius:15px;background:#fff;box-shadow:0 4px 14px #10203f08}#customer-list .star{display:grid;place-items:center;width:36px;height:40px;padding:0;border-radius:10px;background:#fff8e6;color:#e3a008}#customer-list .customer-open{display:flex;flex-direction:column;gap:4px;min-width:0;padding:4px 0;color:#10203f}#customer-list .customer-open h3{margin:0;font-size:16px;line-height:1.3}#customer-list .customer-open p{margin:0;color:#667085;font-size:13px;overflow-wrap:anywhere}#customer-list .customer-debt{min-width:82px;padding:7px 9px;border-radius:10px;background:#ecfdf3;text-align:center;color:#15803d}#customer-list .customer-debt.has-debt{background:#fff3ed;color:#c2410c}#customer-list .customer-debt small{font-size:10px;text-transform:uppercase;letter-spacing:.04em}#customer-list .customer-debt b{font-size:13px}.customer-empty{padding:36px 18px;border:1px dashed #c8d9fb;border-radius:14px;background:#fff}#customer-form{display:grid;gap:14px;margin-top:14px;padding:18px;border-radius:16px}#customer-form .field label{font-size:14px;color:#243653}#customer-form .field input,#customer-form .field select,#customer-form .field textarea{min-height:46px;border-color:#d0dcf0;border-radius:10px}#customer-form .field textarea{min-height:90px}#customer-form .checkbox{padding:11px 12px;border-radius:10px;background:#f2f6ff}#customer-form .actions{margin-top:2px}#customer-form .actions .btn{flex:1;min-height:46px}#app>.card:has(+ .actions){padding:18px;border-radius:16px}#app>.card:has(+ .actions)>p{display:grid;grid-template-columns:115px minmax(0,1fr);gap:9px;margin:0;padding:11px 0;border-bottom:1px solid #edf1f8;overflow-wrap:anywhere}#app>.card:has(+ .actions)>p:last-child{border-bottom:0}#app>.actions:has(#copy){display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}#app>.actions:has(#copy) .btn{padding:11px 8px;font-size:14px}.customer-open-debts{padding:16px;border:1px solid #dce8fb;border-radius:16px;background:#fff}.customer-open-debts h2{margin-top:0;font-size:17px}.customer-open-debts .list-item{padding:12px;border-radius:12px}.customer-open-debts .list-item p{line-height:1.5}.customer-open-debts .actions .btn{flex:1;min-height:44px}@media(max-width:380px){#customer-list .list-item{grid-template-columns:32px minmax(0,1fr) auto;gap:7px;padding:10px}#customer-list .star{width:32px}#customer-list .customer-debt{min-width:70px;padding:6px}#app>.card:has(+ .actions)>p{grid-template-columns:90px minmax(0,1fr)}#app>.actions:has(#copy){grid-template-columns:1fr 1fr}#app>.actions:has(#copy) #delete{grid-column:1/-1}}
#app:has(> .card + .actions)>h1{margin:0;padding:22px 18px;border-radius:16px 16px 0 0;background:linear-gradient(135deg,#075be8,#2677ff);color:#fff;font-size:23px;line-height:1.25;overflow-wrap:anywhere}#app>.card:has(+ .actions){margin:0;padding:6px 17px 10px;border:1px solid #dce8fb;border-top:0;border-radius:0 0 16px 16px;box-shadow:0 6px 18px #10203f0a}#app>.card:has(+ .actions)>p{grid-template-columns:105px minmax(0,1fr);align-items:start;padding:12px 2px;font-size:14px;line-height:1.45}#app>.card:has(+ .actions)>p b{color:#667085;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.035em}#app>.actions:has(#copy){margin:12px 0 18px;padding:0}#app>.actions:has(#copy) .btn{min-height:45px;border-radius:11px}.customer-open-debts{margin-top:0;padding:16px;border-color:#dce8fb;box-shadow:0 5px 16px #10203f08}.customer-open-debts h2{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 13px;padding-bottom:12px;border-bottom:1px solid #e8eef8}.customer-open-debts .list{gap:9px}.customer-open-debts .list-item{align-items:flex-start;border:1px solid #e4ebf6;background:#f9fbff;box-shadow:none}.customer-open-debts .list-item strong{display:block;margin:1px 0 4px;color:#10203f}.customer-open-debts .list-item p{font-size:12px;color:#667085}.customer-open-debts .list-item>.btn{align-self:center;min-width:68px}.customer-open-debts .customer-debt-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0 0}.customer-open-debts .customer-debt-actions .btn{padding:11px 8px}.customer-open-debts form:not([hidden]){margin-top:12px;padding:12px;border:1px solid #dce8fb;border-radius:12px;background:#f8faff}.customer-open-debts form .btn{width:100%}@media(max-width:380px){#app:has(> .card + .actions)>h1{padding:18px 15px;font-size:21px}#app>.card:has(+ .actions){padding:5px 13px 8px}#app>.card:has(+ .actions)>p{grid-template-columns:88px minmax(0,1fr)}.customer-open-debts{padding:13px}.customer-open-debts .list-item{gap:7px}.customer-open-debts .list-item>.btn{min-width:58px;padding:9px 10px;font-size:13px}}
.voucher-page{display:grid;gap:12px}.voucher-back{justify-self:start}.voucher-heading h1{margin:2px 0 4px}.voucher-heading p{margin:0}.voucher-price-list{display:grid;gap:12px}.voucher-price-card{display:grid;gap:12px;padding:14px;border:1px solid #d6e3fa;border-radius:15px;background:#fff;box-shadow:0 4px 14px #10203f0a}.voucher-card-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:9px;border-bottom:1px solid #edf1f8}.voucher-index{display:grid;place-items:center;width:34px;height:30px;border-radius:9px;background:#eaf1ff;color:#0b63f6;font-size:12px;font-weight:800}.voucher-remove{padding:8px 11px;font-size:13px}.voucher-price-card .field{margin:0}.voucher-price-card .field input{min-height:45px;border-color:#d0dcf0;border-radius:10px}.voucher-price-input{display:flex;align-items:center;gap:8px}.voucher-price-input>span{color:#667085;font-weight:700}.voucher-price-input input{flex:1;min-width:0;text-align:right;font-variant-numeric:tabular-nums}.voucher-page-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.voucher-page-actions .btn{min-height:46px;padding:10px 8px}@media(max-width:360px){.voucher-page-actions{grid-template-columns:1fr}.voucher-page-actions .btn{width:100%}}
.voucher-price-card{gap:8px;padding:10px 12px;border-radius:13px}.voucher-card-heading{padding-bottom:7px}.voucher-index{display:flex;width:auto;height:auto;padding:4px 9px}.voucher-remove{padding:6px 10px}.voucher-card-fields{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:10px}.voucher-card-fields .field label{margin-bottom:4px;font-size:12px}.voucher-price-card .field input{min-height:38px;padding:8px;border-radius:9px;font-size:14px}.voucher-price-input{gap:5px}.voucher-page-actions .btn{min-height:42px}.voucher-page{gap:9px}@media(max-width:340px){.voucher-card-fields{grid-template-columns:1fr;gap:8px}}