:root{--color-bg:#f3f6f6;--color-surface:#fff;--color-surface-muted:#f7fafa;--color-border:#dce4e4;--color-text:#16262b;--color-text-muted:#62767b;--color-text-placeholder:#9baaac;--color-icon-muted:#b9c3c3;--color-primary:#103b41;--color-primary-dark:#0a282c;--color-accent:#cfe7ee;--color-accent-strong:#6faebd;--color-accent-hover:#c0dee8;--color-danger:#c1543f;--color-danger-hover:#a8442f;--color-danger-soft:#e8b4a6;--color-danger-bg:#fbeeec;--color-success:#2f9e62;--color-success-dark:#1e7a4a;--color-success-bg:#e9f7ef;--color-panel:#12211f;--color-panel-text:#dceae5;--color-panel-text-muted:#8fa6a0;--color-panel-digits:#8fe3b0;--color-panel-digits-dim:#3e5a50;--color-panel-chip-bg:#ffffff0f;--color-panel-chip-bg-hover:#ffffff24;--overlay-modal:#0a1a1973;--overlay-camera:#06100fd9;--overlay-frame:#00000059;--glow-accent:#cfe7ee8c;--glow-digits:#8fe3b059;--shadow-sm:0 1px 2px #103b410f,0 8px 24px #103b410f;--shadow-modal:0 -8px 30px #00000026;--shadow-pop:0 20px 45px #103b412e;--radius:10px;--radius-lg:16px}*{box-sizing:border-box}.billing-app{background:#f3f6f6;background:var(--color-bg);color:#16262b;color:var(--color-text);font-family:Inter,-apple-system,sans-serif;min-height:100vh;width:100%}.billing-app button{cursor:pointer;font-family:inherit}.billing-app button:disabled{cursor:not-allowed}.billing-app button:focus-visible,.billing-app input:focus-visible,.billing-app select:focus-visible{outline:2px solid #6faebd;outline:2px solid var(--color-accent-strong);outline-offset:2px}.login-screen{align-items:center;background:radial-gradient(circle at 15% 10%,#cfe7ee8c,#0000 55%),#f3f6f6;background:radial-gradient(circle at 15% 10%,var(--glow-accent),#0000 55%),var(--color-bg);display:flex;justify-content:center;min-height:100vh;padding:24px}.login-card{background:#fff;background:var(--color-surface);border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #103b410f,0 8px 24px #103b410f;box-shadow:var(--shadow-sm);max-width:380px;padding:40px 32px 32px;width:100%}.login-mark{align-items:center;background:#103b41;background:var(--color-primary);border-radius:10px;display:flex;height:44px;justify-content:center;margin-bottom:20px;width:44px}.login-mark:after{border:2px solid #8fe3b0;border:2px solid var(--color-panel-digits);border-radius:3px;content:"";height:18px;width:18px}.login-card h1{font-size:20px;font-weight:700;letter-spacing:-.01em;margin:0 0 4px}.login-card p.sub{color:#62767b;color:var(--color-text-muted);font-size:13.5px;margin:0 0 24px}.field-label{color:#16262b;color:var(--color-text);display:block;font-size:13px;font-weight:600;margin-bottom:8px}.phone-input-row{border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);display:flex;overflow:hidden;transition:border-color .15s}.phone-input-row:focus-within{border-color:#6faebd;border-color:var(--color-accent-strong)}.phone-prefix{align-items:center;background:#f7fafa;background:var(--color-surface-muted);border-right:1.5px solid #dce4e4;border-right:1.5px solid var(--color-border);color:#62767b;color:var(--color-text-muted);display:flex;font-size:14px;font-weight:600;padding:0 12px}.phone-input-row input{background:#0000;border:none;color:#16262b;color:var(--color-text);flex:1 1;font-family:JetBrains Mono,monospace;font-size:15px;letter-spacing:.02em;min-width:0;padding:13px 14px}.phone-input-row input:focus{outline:none}.field-error{color:#c1543f;color:var(--color-danger);font-size:12.5px;margin-top:7px}.btn-go{align-items:center;background:#cfe7ee;background:var(--color-accent);border:1.5px solid #6faebd;border:1.5px solid var(--color-accent-strong);border-radius:10px;border-radius:var(--radius);color:#0a282c;color:var(--color-primary-dark);display:flex;font-size:14.5px;font-weight:700;gap:8px;justify-content:center;margin-top:22px;padding:13px 16px;transition:background .15s,transform .05s;width:100%}.btn-go:hover{background:#c0dee8;background:var(--color-accent-hover)}.btn-go:active{transform:translateY(1px)}.login-footnote{color:#62767b;color:var(--color-text-muted);font-size:12px;margin-top:20px;text-align:center}.billing-screen{box-shadow:0 1px 2px #103b410f,0 8px 24px #103b410f;box-shadow:var(--shadow-sm);flex-direction:column;height:100vh;height:100dvh;margin:0 auto;max-width:480px;overflow:hidden}.billing-header,.billing-screen{background:#fff;background:var(--color-surface);display:flex}.billing-header{align-items:center;border-bottom:1px solid #dce4e4;border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;padding:16px 20px;z-index:5}.header-identity{align-items:center;display:flex;gap:10px;min-width:0}.back-btn{background:none;border:none;border-radius:6px;color:#62767b;color:var(--color-text-muted);display:flex;flex-shrink:0;padding:4px}.back-btn:hover{background:#f3f6f6;background:var(--color-bg);color:#16262b;color:var(--color-text)}.header-identity h2{font-size:16px;font-weight:700;letter-spacing:-.01em;margin:0;white-space:nowrap}.header-identity span{color:#62767b;color:var(--color-text-muted);font-size:12px}.role-badge{background:#cfe7ee;background:var(--color-accent);border-radius:999px;color:#0a282c;color:var(--color-primary-dark);display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.05em;margin-left:7px;padding:2px 7px;text-transform:uppercase;vertical-align:middle}.header-actions{flex-shrink:0;gap:8px}.btn-new,.header-actions{align-items:center;display:flex}.btn-new{background:#cfe7ee;background:var(--color-accent);border:1.5px solid #6faebd;border:1.5px solid var(--color-accent-strong);border-radius:999px;color:#0a282c;color:var(--color-primary-dark);font-size:13px;font-weight:700;gap:6px;padding:8px 14px}.btn-new:hover{background:#c0dee8;background:var(--color-accent-hover)}.btn-drafts{align-items:center;background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:999px;color:#16262b;color:var(--color-text);display:flex;font-size:12.5px;font-weight:600;gap:6px;padding:7px 12px}.btn-drafts:hover{background:#f7fafa;background:var(--color-surface-muted)}.drafts-badge{align-items:center;background:#103b41;background:var(--color-primary);border-radius:999px;color:#fff;display:inline-flex;font-size:10.5px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px}.billing-body{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:18px;overflow-y:auto;padding:18px 20px 28px}.billing-footer{background:#fff;background:var(--color-surface);border-top:1px solid #dce4e4;border-top:1px solid var(--color-border);display:flex;flex-shrink:0;gap:12px;padding:14px 20px calc(16px + env(safe-area-inset-bottom));z-index:5}.field-block{display:flex;flex-direction:column;gap:7px;position:relative}.field-label-sm{color:#62767b;color:var(--color-text-muted);font-size:12.5px;font-weight:600}.text-input{background:#f7fafa;background:var(--color-surface-muted);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#16262b;color:var(--color-text);font-size:14px;padding:11px 13px;width:100%}.text-input:focus{background:#fff;background:var(--color-surface);border-color:#6faebd;border-color:var(--color-accent-strong);outline:none}.text-input::placeholder{color:#9baaac;color:var(--color-text-placeholder)}select.text-input{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#62767b 0),linear-gradient(135deg,#62767b 50%,#0000 0);background-image:linear-gradient(45deg,#0000 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;padding-right:32px}.self-billing-note{background:#f7fafa;background:var(--color-surface-muted);border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#62767b;color:var(--color-text-muted);font-size:12.5px;padding:11px 13px}.form-grid{display:flex;flex-direction:column;gap:14px}.form-actions{display:flex;gap:10px;margin-top:20px}.btn-cancel{background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#16262b;color:var(--color-text);flex:1 1;font-size:13.5px;font-weight:700;padding:12px}.btn-cancel:hover{background:#f7fafa;background:var(--color-surface-muted)}.btn-save{background:#103b41;background:var(--color-primary);border:1.5px solid #103b41;border:1.5px solid var(--color-primary);border-radius:10px;border-radius:var(--radius);color:#fff;flex:1 1;font-size:13.5px;font-weight:700;padding:12px}.btn-save:hover{background:#0a282c;background:var(--color-primary-dark)}.type-dropdown{background:#fff;background:var(--color-surface);border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);box-shadow:0 20px 45px #103b412e;box-shadow:var(--shadow-pop);left:0;max-height:240px;overflow:hidden;overflow-y:auto;position:absolute;right:0;top:calc(100% + 6px);z-index:10}.type-dropdown.narrow{right:78px}.type-dropdown-item{align-items:center;background:#fff;background:var(--color-surface);border:none;border-bottom:1px solid #dce4e4;border-bottom:1px solid var(--color-border);display:flex;gap:10px;justify-content:space-between;padding:11px 14px;text-align:left;width:100%}.type-dropdown-item:last-child{border-bottom:none}.type-dropdown-item:hover{background:#f7fafa;background:var(--color-surface-muted)}.tdi-name{color:#16262b;color:var(--color-text);font-size:13.5px;font-weight:600}.tdi-meta{font-family:JetBrains Mono,monospace;font-size:12px;white-space:nowrap}.tdi-meta,.type-dropdown-empty{color:#62767b;color:var(--color-text-muted)}.type-dropdown-empty{font-size:13px;padding:16px 14px;text-align:center}.scan-row{align-items:stretch;display:flex;gap:10px}.scan-field{align-items:center;background:#f7fafa;background:var(--color-surface-muted);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);display:flex;flex:1 1;gap:10px;min-width:0;padding:12px 14px}.scan-field:focus-within{background:#fff;background:var(--color-surface);border-color:#6faebd;border-color:var(--color-accent-strong)}.scan-field input{background:#0000;border:none;color:#16262b;color:var(--color-text);flex:1 1;font-size:14.5px;min-width:0}.scan-field input:focus{outline:none}.scan-field input::placeholder{color:#9baaac;color:var(--color-text-placeholder)}.btn-scan{align-items:center;background:#103b41;background:var(--color-primary);border:1.5px solid #103b41;border:1.5px solid var(--color-primary);border-radius:10px;border-radius:var(--radius);color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;gap:7px;padding:0 16px}.btn-scan:hover{background:#0a282c;background:var(--color-primary-dark)}.scan-modal-backdrop{align-items:center;background:#06100fd9;background:var(--overlay-camera);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:60}.scan-modal{background:#12211f;background:var(--color-panel);border-radius:16px;border-radius:var(--radius-lg);max-width:420px;overflow:hidden;position:relative;width:100%}.scan-modal-header{align-items:center;display:flex;justify-content:space-between;padding:14px 16px}.scan-modal-header span{font-size:13.5px;font-weight:600}.scan-modal-close,.scan-modal-header span{color:#dceae5;color:var(--color-panel-text)}.scan-modal-close{align-items:center;background:#ffffff0f;background:var(--color-panel-chip-bg);border:none;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.scan-modal-close:hover{background:#ffffff24;background:var(--color-panel-chip-bg-hover)}.scan-viewport{aspect-ratio:1/1;background:#000;overflow:hidden;position:relative;width:100%}.scan-viewport video{height:100%;object-fit:cover;width:100%}.scan-frame{border:2.5px solid #8fe3b0;border:2.5px solid var(--color-panel-digits);border-radius:16px;box-shadow:0 0 0 2000px #00000059;box-shadow:0 0 0 2000px var(--overlay-frame);inset:14%;pointer-events:none;position:absolute}.scan-line{animation:scanmove 1.8s ease-in-out infinite;background:#8fe3b0;background:var(--color-panel-digits);box-shadow:0 0 8px #8fe3b0;box-shadow:0 0 8px var(--color-panel-digits);height:2px;left:14%;position:absolute;right:14%}@keyframes scanmove{0%,to{top:15%}50%{top:83%}}.scan-modal-footer{padding:14px 16px 18px;text-align:center}.scan-modal-footer p{color:#8fa6a0;color:var(--color-panel-text-muted);font-size:12.5px;margin:0}.scan-error{align-items:center;color:#e8b4a6;color:var(--color-danger-soft);display:flex;flex-direction:column;font-size:13px;gap:10px;padding:40px 24px;text-align:center}.scan-error button{background:#cfe7ee;background:var(--color-accent);border:none;border-radius:999px;color:#0a282c;color:var(--color-primary-dark);font-size:12.5px;font-weight:700;margin-top:4px;padding:9px 16px}.qty-panel{background:#12211f;background:var(--color-panel);border-radius:16px;border-radius:var(--radius-lg);min-height:230px;overflow:hidden;padding:18px 20px 20px;position:relative}.qty-panel:before{background:repeating-linear-gradient(180deg,#ffffff05,#ffffff05 1px,#0000 0,#0000 3px);content:"";inset:0;pointer-events:none;position:absolute}.qty-panel-inner{position:relative;z-index:1}.qty-panel-empty{padding:6px 2px 8px}.qty-panel-empty p{color:#8fa6a0;color:var(--color-panel-text-muted);font-size:13px;line-height:1.5;margin:6px 0 0}.qty-panel-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.qty-panel-label{color:#8fa6a0;color:var(--color-panel-text-muted);font-size:10.5px;font-weight:600;letter-spacing:.12em;margin-bottom:4px;text-transform:uppercase}.qty-panel-product{color:#dceae5;color:var(--color-panel-text);font-size:14.5px;font-weight:700}.qty-unit-price{color:#8fe3b0;color:var(--color-panel-digits);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;padding-top:2px;text-align:right;white-space:nowrap}.qty-unit-price span{color:#8fa6a0;color:var(--color-panel-text-muted);font-weight:500}.scale-readout{align-items:center;display:flex;gap:10px;margin-top:10px;min-height:48px}.scale-readout input{background:#0000;border:none;color:#8fe3b0;color:var(--color-panel-digits);display:block;flex:1 1;font-family:JetBrains Mono,monospace;font-size:40px;font-weight:700;letter-spacing:.01em;line-height:1;margin:0;min-width:0;padding:0;text-shadow:0 0 18px #8fe3b059;text-shadow:0 0 18px var(--glow-digits)}.scale-readout input:focus{outline:none}.scale-readout input::placeholder,.scale-readout input:disabled{color:#3e5a50;color:var(--color-panel-digits-dim)}.qty-unit-suffix{color:#8fa6a0;color:var(--color-panel-text-muted);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600;white-space:nowrap}.unit-toggle{background:#ffffff0f;background:var(--color-panel-chip-bg);border-radius:999px;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding:4px;width:-webkit-fit-content;width:fit-content}.unit-toggle button{background:#0000;border:none;border-radius:999px;color:#8fa6a0;color:var(--color-panel-text-muted);font-size:12.5px;font-weight:600;padding:7px 14px;transition:all .15s}.unit-toggle button.active{background:#8fe3b0;background:var(--color-panel-digits);color:#12211f;color:var(--color-panel)}.unit-toggle button:disabled{opacity:.5}.qty-amount-row{align-items:baseline;border-top:1px solid #ffffff0f;border-top:1px solid var(--color-panel-chip-bg);display:flex;justify-content:space-between;margin-top:16px;padding-top:12px}.qty-amount-row span{color:#8fa6a0;color:var(--color-panel-text-muted);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.qty-amount-row strong{color:#dceae5;color:var(--color-panel-text);font-family:JetBrains Mono,monospace;font-size:19px}.btn-add-item{align-items:center;background:#fff;background:var(--color-surface);border:1.5px solid #103b41;border:1.5px solid var(--color-primary);border-radius:10px;border-radius:var(--radius);color:#103b41;color:var(--color-primary);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:12px 16px;width:100%}.btn-add-item:hover{background:#f7fafa;background:var(--color-surface-muted)}.btn-add-item:disabled{opacity:.45}.items-section h3{font-size:12.5px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.items-empty,.items-section h3{color:#62767b;color:var(--color-text-muted)}.items-empty{border:1.5px dashed #dce4e4;border:1.5px dashed var(--color-border);border-radius:10px;border-radius:var(--radius);font-size:13px;padding:22px 16px;text-align:center}.items-list{border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:column;overflow:hidden}.item-row{align-items:center;background:#fff;background:var(--color-surface);border-bottom:1px solid #dce4e4;border-bottom:1px solid var(--color-border);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.item-row:last-child{border-bottom:none}.item-name{color:#16262b;color:var(--color-text);font-size:14px;font-weight:600}.item-meta{color:#62767b;color:var(--color-text-muted);font-family:JetBrains Mono,monospace;font-size:12px;margin-top:2px}.item-row-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.item-amount{color:#16262b;color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700;white-space:nowrap}.item-edit,.item-remove{background:none;border:none;border-radius:6px;color:#b9c3c3;color:var(--color-icon-muted);display:flex;padding:4px}.item-remove:hover{background:#fbeeec;background:var(--color-danger-bg);color:#c1543f;color:var(--color-danger)}.item-edit:hover{background:#f7fafa;background:var(--color-surface-muted);color:#103b41;color:var(--color-primary)}.items-total{color:#62767b;color:var(--color-text-muted);display:flex;font-size:13px;justify-content:space-between;padding:10px 4px 0}.items-total strong{font-family:JetBrains Mono,monospace;font-size:15px}.btn-draft,.items-total strong{color:#16262b;color:var(--color-text)}.btn-draft{align-items:center;background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);display:flex;flex:1 1;font-size:13.5px;font-weight:700;gap:7px;justify-content:center;padding:13px 12px}.btn-draft:hover{background:#f7fafa;background:var(--color-surface-muted)}.btn-draft:disabled{opacity:.45}.btn-bill{align-items:center;background:#cfe7ee;background:var(--color-accent);border:1.5px solid #6faebd;border:1.5px solid var(--color-accent-strong);border-radius:10px;border-radius:var(--radius);color:#0a282c;color:var(--color-primary-dark);display:flex;flex:1.3 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;padding:13px 12px}.btn-bill:hover{background:#c0dee8;background:var(--color-accent-hover)}.btn-bill:disabled{opacity:.45}.modal-backdrop{align-items:flex-end;background:#0a1a1973;background:var(--overlay-modal);display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.modal-sheet{background:#fff;background:var(--color-surface);border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #00000026;box-shadow:var(--shadow-modal);max-height:80vh;max-width:480px;overflow-y:auto;padding:24px 22px 26px;width:100%}.modal-sheet h3{font-size:17px;font-weight:700;margin:0 0 16px}.modal-line{border-bottom:1px solid #dce4e4;border-bottom:1px solid var(--color-border);color:#62767b;color:var(--color-text-muted);display:flex;font-size:13.5px;gap:12px;justify-content:space-between;padding:8px 0}.modal-line span:first-child{min-width:0}.modal-line span:last-child{color:#16262b;color:var(--color-text);font-family:JetBrains Mono,monospace;font-weight:600;text-align:right;white-space:nowrap}.modal-line.total{border-bottom:none;color:#16262b;color:var(--color-text);font-size:15px;font-weight:700;padding-top:14px}.modal-line.total span:last-child{font-size:18px}.modal-close{background:#103b41;background:var(--color-primary);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;font-size:14px;font-weight:700;margin-top:18px;padding:13px;width:100%}.modal-close:hover{background:#0a282c;background:var(--color-primary-dark)}.drafts-list{display:flex;flex-direction:column;gap:10px}.draft-row{align-items:center;border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);display:flex;gap:10px;justify-content:space-between;padding:12px 14px}.draft-name{color:#16262b;color:var(--color-text);font-size:14px;font-weight:700}.draft-meta{color:#62767b;color:var(--color-text-muted);font-size:12px;margin-top:2px}.draft-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.draft-resume{background:#cfe7ee;background:var(--color-accent);border:1.5px solid #6faebd;border:1.5px solid var(--color-accent-strong);border-radius:999px;color:#0a282c;color:var(--color-primary-dark);font-size:12.5px;font-weight:700;padding:8px 14px}.draft-resume:hover{background:#c0dee8;background:var(--color-accent-hover)}.draft-delete{background:none;border:none;border-radius:6px;color:#b9c3c3;color:var(--color-icon-muted);display:flex;padding:6px}.draft-delete:hover{background:#fbeeec;background:var(--color-danger-bg);color:#c1543f;color:var(--color-danger)}.confirm-sheet{background:#fff;background:var(--color-surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 -8px 30px #00000026;box-shadow:var(--shadow-modal);max-width:420px;padding:26px 24px 22px;text-align:center;width:100%}.confirm-icon{color:#c1543f;color:var(--color-danger);margin-bottom:10px}.confirm-sheet h3{font-size:16px;font-weight:700;margin:0 0 6px}.confirm-sheet p{color:#62767b;color:var(--color-text-muted);font-size:13.5px;margin:0 0 20px}.confirm-sheet p strong{color:#16262b;color:var(--color-text)}.confirm-actions{display:flex;gap:10px}.confirm-cancel{background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#16262b;color:var(--color-text);flex:1 1;font-size:13.5px;font-weight:700;padding:11px}.confirm-cancel:hover{background:#f7fafa;background:var(--color-surface-muted)}.confirm-remove{background:#c1543f;background:var(--color-danger);border:1.5px solid #c1543f;border:1.5px solid var(--color-danger);border-radius:10px;border-radius:var(--radius);color:#fff;flex:1 1;font-size:13.5px;font-weight:700;padding:11px}.confirm-remove:hover{background:#a8442f;background:var(--color-danger-hover)}.success-overlay{align-items:center;background:#0a1a1973;background:var(--overlay-modal);display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:70}.success-card{animation:successPopIn .3s ease-out;background:#fff;background:var(--color-surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 20px 45px #103b412e;box-shadow:var(--shadow-pop);max-width:360px;padding:32px 26px 26px;text-align:center;width:100%}@keyframes successPopIn{0%{opacity:0;transform:scale(.92) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.success-check{height:64px;margin:0 auto 14px;width:64px}.success-check svg{height:100%;width:100%}.success-check-circle{fill:none;stroke:#2f9e62;stroke:var(--color-success);stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151;animation:successCircle .5s ease-out forwards}.success-check-mark{fill:none;stroke:#2f9e62;stroke:var(--color-success);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:36;stroke-dashoffset:36;animation:successCheck .35s ease-out .45s forwards}@keyframes successCircle{to{stroke-dashoffset:0}}@keyframes successCheck{to{stroke-dashoffset:0}}.success-card h3{color:#16262b;color:var(--color-text);font-size:17px;font-weight:700;margin:0 0 4px}.success-customer{font-size:13.5px;margin:0 0 22px}.success-customer,.success-total-label{color:#62767b;color:var(--color-text-muted)}.success-total-label{font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.success-total-amount{color:#1e7a4a;color:var(--color-success-dark);font-family:JetBrains Mono,monospace;font-size:40px;font-weight:700;margin-bottom:24px}.success-actions{display:flex;gap:10px}.btn-success-secondary{background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#16262b;color:var(--color-text);flex:1 1;font-size:14px;font-weight:700;padding:13px}.btn-success-secondary:hover{background:#f7fafa;background:var(--color-surface-muted)}.btn-success-close{background:#103b41;background:var(--color-primary);border:none;border-radius:10px;border-radius:var(--radius);color:#fff;flex:1 1;font-size:14px;font-weight:700;padding:13px}.btn-success-close:hover{background:#0a282c;background:var(--color-primary-dark)}.search-field{align-items:center;background:#f7fafa;background:var(--color-surface-muted);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);display:flex;gap:10px;padding:12px 14px}.search-field:focus-within{background:#fff;background:var(--color-surface);border-color:#6faebd;border-color:var(--color-accent-strong)}.search-field svg{color:#62767b;color:var(--color-text-muted);flex-shrink:0}.search-field input{background:#0000;border:none;color:#16262b;color:var(--color-text);flex:1 1;font-size:14px;min-width:0}.search-field input:focus{outline:none}.search-field input::placeholder{color:#9baaac;color:var(--color-text-placeholder)}.bills-filters{display:flex;flex-wrap:wrap;gap:8px}.filter-chip{background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:999px;color:#62767b;color:var(--color-text-muted);font-size:12.5px;font-weight:600;padding:7px 14px}.filter-chip:hover{background:#f7fafa;background:var(--color-surface-muted)}.filter-chip.active{background:#103b41;background:var(--color-primary);border-color:#103b41;border-color:var(--color-primary);color:#fff}.bills-list{gap:10px}.bill-card,.bills-list{display:flex;flex-direction:column}.bill-card{background:#fff;background:var(--color-surface);border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);gap:8px;padding:13px 14px}.bill-card-top{align-items:flex-start;display:flex;gap:10px;justify-content:space-between}.bill-customer{color:#16262b;color:var(--color-text);font-size:14.5px;font-weight:700}.bill-no{color:#62767b;color:var(--color-text-muted);font-size:11.5px;margin-top:2px}.bill-amount,.bill-no{font-family:JetBrains Mono,monospace}.bill-amount{color:#16262b;color:var(--color-text);font-size:17px;font-weight:700;white-space:nowrap}.bill-meta-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.bill-date{color:#62767b;color:var(--color-text-muted);font-size:12px}.bill-view-btn{background:#f7fafa;background:var(--color-surface-muted);border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:999px;color:#16262b;color:var(--color-text);flex-shrink:0;font-size:12px;font-weight:700;padding:6px 13px}.bill-view-btn:hover{background:#cfe7ee;background:var(--color-accent);border-color:#6faebd;border-color:var(--color-accent-strong)}.pagination-row{align-items:center;justify-content:space-between}.page-btn{align-items:center;background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#16262b;color:var(--color-text);display:flex;font-size:13px;font-weight:700;gap:5px;padding:9px 14px}.page-btn:hover:not(:disabled){background:#f7fafa;background:var(--color-surface-muted)}.page-btn:disabled{opacity:.4}.page-info{color:#62767b;color:var(--color-text-muted);font-size:12.5px;font-weight:700}.stat-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.stat-card{background:#fff;background:var(--color-surface);border:1px solid #dce4e4;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius);padding:16px}.stat-label{color:#62767b;color:var(--color-text-muted);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.stat-value{color:#16262b;color:var(--color-text);font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.menu-backdrop{background:#0a1a1973;background:var(--overlay-modal);display:flex;inset:0;position:fixed;z-index:80}.menu-drawer{animation:menuSlideIn .2s ease-out;background:#fff;background:var(--color-surface);box-shadow:0 20px 45px #103b412e;box-shadow:var(--shadow-pop);display:flex;flex-direction:column;height:100%;max-width:300px;width:78%}@keyframes menuSlideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.menu-header{border-bottom:1px solid #dce4e4;border-bottom:1px solid var(--color-border);gap:12px;padding:22px 44px 18px 18px;position:relative}.menu-avatar,.menu-header{align-items:center;display:flex}.menu-avatar{background:#103b41;background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:15px;font-weight:700;height:40px;justify-content:center;width:40px}.menu-name{color:#16262b;color:var(--color-text);font-size:14.5px;font-weight:700}.menu-mobile{font-size:12px}.menu-close,.menu-mobile{color:#62767b;color:var(--color-text-muted)}.menu-close{background:none;border:none;border-radius:6px;display:flex;padding:6px;position:absolute;right:12px;top:16px}.menu-close:hover{background:#f7fafa;background:var(--color-surface-muted)}.menu-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:12px}.menu-item{align-items:center;background:none;border:none;border-radius:10px;border-radius:var(--radius);color:#16262b;color:var(--color-text);display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 14px;text-align:left}.menu-item:hover{background:#f7fafa;background:var(--color-surface-muted)}.menu-item.active{background:#cfe7ee;background:var(--color-accent);color:#0a282c;color:var(--color-primary-dark)}.menu-logout{align-items:center;background:#fff;background:var(--color-surface);border:1.5px solid #dce4e4;border:1.5px solid var(--color-border);border-radius:10px;border-radius:var(--radius);color:#c1543f;color:var(--color-danger);display:flex;font-size:14px;font-weight:700;gap:12px;margin:12px;padding:12px 14px}.menu-logout:hover{background:#fbeeec;background:var(--color-danger-bg)}@media (max-width:400px){.scale-readout input{font-size:32px}.success-total-amount{font-size:34px}}
/*# sourceMappingURL=main.bfb60e40.css.map*/