@font-face{font-family:Noto Sans Thai Looped;src:url(/NotoSansThaiLooped%5Bwght%5D.woff2)format("woff2-variations"),url(/NotoSansThaiLooped%5Bwght%5D.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--color-white:#fff;--color-black:#000;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-500:#64748b;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-800:#991b1b;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-800:#92400e;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-800:#166534;--primary-color:var(--color-blue-600);--primary-hover:var(--color-blue-700);--bg-app:var(--color-slate-50);--bg-card:var(--color-white);--bg-muted:var(--color-slate-100);--bg-subtle:var(--color-slate-50);--text-main:var(--color-slate-900);--text-strong:var(--color-slate-800);--text-muted:var(--color-slate-500);--text-soft:var(--color-slate-700);--text-inverse:var(--color-white);--border-color:var(--color-slate-200);--border-strong:var(--color-slate-300);--input-focus:#3b82f6;--focus-ring:#2563eb26;--danger-color:var(--color-red-500);--danger-hover:var(--color-red-600);--danger-bg:var(--color-red-50);--danger-bg-strong:var(--color-red-100);--danger-border:var(--color-red-300);--warning-color:var(--color-amber-500);--warning-strong:var(--color-amber-600);--warning-bg:var(--color-amber-50);--warning-bg-strong:var(--color-amber-100);--warning-border:var(--color-amber-200);--success-color:var(--color-green-600);--success-bg:var(--color-green-50);--success-bg-strong:var(--color-green-100);--success-border:var(--color-green-200);--info-bg:var(--color-blue-50);--info-bg-strong:var(--color-blue-100);--info-border:var(--color-blue-200);--info-text:var(--color-blue-700);--overlay-bg:#0f172a99;--danger-pulse:#ef444466;--danger-pulse-transparent:#ef444400;--btn-danger:var(--danger-color);--btn-danger-hover:var(--danger-hover);--app-font:"Noto Sans Thai Looped", sans-serif;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--space-0-5:.125rem;--space-1:.25rem;--space-1-5:.375rem;--space-2:.5rem;--space-2-5:.625rem;--space-3:.75rem;--space-3-5:.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-10:2.5rem;--space-12:3rem;--space-18:4.5rem;--space-20:5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-pill:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 12px -4px #00000014;--shadow-dropdown:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-popover:0 12px 18px -8px #0f172a38, 0 6px 8px -6px #0f172a1f;--shadow-modal:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--shadow-bill:0 10px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--transition-fast:.15s ease;--transition-base:.2s ease;--app-header-height:4.5rem;--app-mobile-tabs-height:3.4375rem;--bill-font:var(--app-font);--bill-paper-bg:var(--color-white);--bill-ink:var(--color-black);--bill-line:var(--color-black)}[v-cloak]{display:none!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--app-font);font-optical-sizing:auto;font-variation-settings:"wdth" 100;background-color:var(--bg-app);color:var(--text-main);flex-direction:column;min-height:100vh;font-style:normal;display:flex}button,input,textarea,select,option{font-optical-sizing:inherit;font-family:inherit;font-style:inherit;font-variation-settings:inherit}::file-selector-button{font-optical-sizing:inherit;font-family:inherit;font-style:inherit;font-variation-settings:inherit}.app-header{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--space-4) var(--space-6);height:var(--app-header-height);justify-content:space-between;align-items:center;display:flex}.header-logo-icon,.icon-primary{color:var(--primary-color)}.header-logo-icon{align-items:center;display:flex}.header-actions{align-items:center;gap:var(--space-2-5);flex-shrink:0;display:flex}.dropdown-wrapper{display:inline-block;position:relative}.dropdown-overlay{z-index:998;cursor:default;background:0 0;border:0;position:fixed;inset:0}.dropdown-menu{right:0;top:calc(100% + var(--space-2));background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);width:13.75rem;padding:var(--space-1-5);z-index:999;gap:var(--space-0-5);flex-direction:column;display:flex;position:absolute}.dropdown-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2-5) var(--space-3);font-size:var(--font-size-base);color:var(--text-soft);text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.dropdown-item svg{color:var(--text-muted);transition:color var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-muted);color:var(--text-main)}.dropdown-item:hover svg{color:var(--text-soft)}.dropdown-item.danger{color:var(--btn-danger)}.dropdown-item.danger svg{color:var(--btn-danger);opacity:.8}.dropdown-item.danger:hover{background-color:var(--danger-bg);color:var(--btn-danger-hover)}.dropdown-divider{background-color:var(--border-color);height:1px;margin:var(--space-1-5) 0}.dropdown-trigger .chevron-icon{margin-left:var(--space-0-5);transition:transform var(--transition-base)}.dropdown-trigger .chevron-icon.open{transform:rotate(180deg)}.mobile-tabs{background-color:var(--bg-card);border-bottom:1px solid var(--border-color);display:none}.tab-btn{padding:var(--space-3-5);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-size:.9375rem;font-weight:600}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:color-mix(in srgb, var(--primary-color) 3%, transparent)}.header-logo-nav{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.header-page-title{font-size:var(--font-size-lg);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:700;overflow:hidden}.header-back-btn{padding:var(--space-2);cursor:pointer;transition:background-color var(--transition-base);margin-left:calc(var(--space-2) * -1);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.header-back-btn:hover{background-color:var(--bg-muted)}@media (width<=767px){.header-create-btn .btn-text,.header-save-btn .btn-text{display:none}.header-create-btn,.header-save-btn{padding:var(--space-2-5);min-width:var(--space-10);height:var(--space-10);justify-content:center}}.main-container{height:calc(100vh - var(--app-header-height));flex:1;display:flex;overflow:hidden}.editor-panel{padding:var(--space-6);border-right:1px solid var(--border-color);background-color:var(--bg-card);flex:1;overflow-y:auto;container-type:inline-size}.preview-panel{padding:var(--space-6);background-color:var(--bg-muted);flex-direction:column;flex:1.2;align-items:center;display:flex;overflow:hidden auto}.form-section{background:var(--bg-subtle);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-6)}.section-title{font-size:var(--font-size-md);color:var(--text-strong);margin-bottom:var(--space-4);align-items:center;gap:var(--space-1-5);border-bottom:1px solid var(--border-color);padding-bottom:var(--space-2);font-weight:600;display:flex}.section-title.inline{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-heading-row{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.grid-inputs{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));display:grid}.form-group{gap:var(--space-1-5);flex-direction:column;min-width:0;display:flex}.form-group label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;min-width:0;padding:var(--space-2-5) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-main);background-color:var(--bg-card);transition:border-color var(--transition-base), box-shadow var(--transition-base)}.form-group input:focus,.form-group textarea:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.date-input-wrapper{gap:var(--space-2);width:100%;display:flex}.date-input-wrapper input{flex:1;min-width:0}.btn-today{background-color:var(--bg-card);color:var(--text-soft);border:1px solid var(--border-color);padding:0 var(--space-3);font-size:var(--font-size-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.btn-today:hover{background-color:var(--bg-subtle);border-color:var(--border-strong)}.items-editor-container{gap:var(--space-2);flex-direction:column;display:flex}.items-editor-header{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--font-size-sm);color:var(--text-muted);border-bottom:1px solid var(--border-color);font-weight:600;display:flex}.col-hdr-index{text-align:center;width:1.875rem}.col-hdr-desc{flex:1}.col-hdr-qty{text-align:center;width:3rem}.col-hdr-unit{width:5.125rem}.col-hdr-total{text-align:right;width:5.375rem}.col-hdr-actions{text-align:center;width:3rem}.items-list{gap:var(--space-3);flex-direction:column;display:flex}.items-empty-state{text-align:center;padding:var(--space-5);color:var(--text-muted);font-size:var(--font-size-base)}.btn-secondary.items-add-bottom{margin-top:var(--space-1);padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm);align-self:flex-end}.item-editor-row-v2{align-items:flex-start;gap:var(--space-3);background:var(--bg-card);padding:var(--space-2-5) var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-base);display:flex}.item-editor-row-v2:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.item-index-badge{width:1.875rem;font-weight:700;font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-pill);height:1.5rem;margin-top:var(--space-2);flex-shrink:0;justify-content:center;align-items:center;display:flex}.item-index-badge.multiline{color:var(--primary-color);background:var(--info-bg)}.item-desc-group{flex:1}.item-desc-group textarea{resize:vertical;min-height:2.625rem;line-height:1.45}.item-desc-group .item-desc-textarea{min-height:7.375rem}.item-qty-group{flex-shrink:0;width:3rem}.item-qty-group input{padding:var(--space-2-5) var(--space-1-5);text-align:center}.item-unit-group{flex-shrink:0;width:5.125rem}.item-unit-group input{text-align:right}.item-qty-group input::-webkit-outer-spin-button{appearance:none;margin:0}.item-qty-group input::-webkit-inner-spin-button{appearance:none;margin:0}.item-unit-group input::-webkit-outer-spin-button{appearance:none;margin:0}.item-unit-group input::-webkit-inner-spin-button{appearance:none;margin:0}.item-qty-group input[type=number],.item-unit-group input[type=number]{appearance:textfield}.item-line-total{text-align:right;width:5.375rem;font-size:var(--font-size-base);color:var(--text-main);padding-top:var(--space-2-5);flex-shrink:0;font-weight:600}.item-row-actions{gap:var(--space-1);z-index:2;flex-shrink:0;justify-content:center;width:3rem;padding-top:.1875rem;display:flex;position:relative}.item-editor-row-v2.item-menu-open{z-index:10;position:relative}.item-action-dropdown{position:relative}.btn-row-menu{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-card);width:2.25rem;min-width:2.25rem;height:2.25rem;color:var(--text-soft);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;display:inline-flex}.btn-row-menu:hover,.btn-row-menu[aria-expanded=true]{background:var(--bg-subtle);border-color:var(--border-strong)}.btn-row-menu svg{color:var(--text-muted)}.item-action-overlay{z-index:996;cursor:default;background:0 0;border:0;position:fixed;inset:0}.item-action-menu{top:calc(100% + var(--space-1-5));z-index:997;width:11.25rem;padding:var(--space-1-5);gap:var(--space-0-5);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-popover);flex-direction:column;display:flex;position:absolute;right:0}.item-action-menu-item{width:100%;color:var(--text-soft);align-items:center;gap:var(--space-2);padding:.5625rem var(--space-2-5);border-radius:var(--radius-md);font-size:var(--font-size-sm);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:600;display:flex}.item-action-menu-item:hover:not(:disabled){background:var(--bg-muted);color:var(--text-main)}.item-action-menu-item:disabled{opacity:.45;cursor:not-allowed}.item-action-menu-item svg{color:var(--text-muted);flex-shrink:0}.item-action-menu-item.danger,.item-action-menu-item.danger svg{color:var(--btn-danger)}.item-action-menu-item.danger:hover{background:var(--danger-bg);color:var(--btn-danger-hover)}.item-action-divider{background:var(--border-color);height:1px;margin:var(--space-1) 0}.mobile-only-label{display:none}.btn-primary{background-color:var(--primary-color);color:var(--text-inverse);padding:var(--space-2-5) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base);align-items:center;gap:var(--space-2);border:none;font-weight:600;display:inline-flex}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary.danger{background-color:var(--btn-danger)}.btn-primary.danger:hover{background-color:var(--btn-danger-hover)}.btn-secondary{background-color:var(--bg-card);color:var(--text-soft);border:1px solid var(--border-color);padding:var(--space-2-5) var(--space-4);font-size:var(--font-size-base);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--space-2);font-weight:600;display:inline-flex}.btn-secondary:hover{background-color:var(--bg-subtle);border-color:var(--border-strong)}.btn-compact{padding:var(--space-1-5) var(--space-3);font-size:var(--font-size-sm)}.service-editor-grid{gap:var(--space-4);grid-template-columns:2fr 1fr;display:grid}.hidden-file-input{display:none!important}.bill-paper-container{width:100%;height:calc(var(--bill-paper-height,1123px) * var(--bill-scale,1));justify-content:center;transition:height .1s;display:flex;overflow:visible}.bill-pages-wrapper{width:794px;min-width:794px;transform:scale(var(--bill-scale,1));transform-origin:top;box-sizing:border-box;flex-direction:column;gap:20px;display:flex}.bill-paper{background-color:var(--bill-paper-bg);width:794px;min-width:794px;height:auto;min-height:1123px;box-shadow:var(--shadow-bill);box-sizing:border-box;font-family:var(--bill-font);color:var(--bill-ink);flex-shrink:0;padding:57px;position:relative;overflow-y:visible}.bill-continuous-export{width:794px;position:absolute;top:-9999px;left:-9999px}.bill-continuous-export .bill-paper{min-height:auto;padding:57px}.bill-paper.compact-layout{padding:38px 57px}.bill-paper.compact-layout .bill-header-grid{margin-bottom:12px}.bill-paper.compact-layout .bill-table-container{margin-top:5px}.bill-paper.compact-layout .item-row td{padding:2px 8px}.bill-header-grid{grid-template-columns:64% 22% 14%;gap:0;margin-bottom:24px;font-size:13.5px;line-height:1.45;display:grid}.bill-row{white-space:nowrap;text-overflow:ellipsis;align-items:center;height:25px;display:flex;overflow:hidden}.bill-date-row{text-align:right;font-size:12.5px;overflow:visible}.bill-span-2{grid-column:span 2}.bill-customer-title{font-size:14.5px;font-weight:700}.bill-table-container{width:100%;margin-top:10px}.bill-table{border-collapse:separate;border-spacing:0;border-left:1px solid var(--bill-line);border-top:1px solid var(--bill-line);width:100%;font-size:13.5px}.bill-table th,.bill-table td{border-right:1px solid var(--bill-line);border-bottom:1px solid var(--bill-line);vertical-align:middle;padding:5px 8px;line-height:1.2}.bill-table th{text-align:center;background-color:#0000;height:32px;font-weight:400}.col-item{text-align:center;width:8%}.col-desc{text-align:left;white-space:pre-line;width:56%}.col-qty{text-align:center;width:8%}.col-unit,.col-amount{text-align:right;width:14%}.item-row td{height:28px}.item-row.multiline-item td{vertical-align:top;padding-top:6px;padding-bottom:6px}.item-row.multiline-item td.col-desc{line-height:1.6}.item-row td.col-item,.item-row td.col-qty{text-align:center}.item-row td.col-unit,.item-row td.col-amount{text-align:right}.subtotal-row td,.service-row td,.total-row td{height:30px}.total-row td{padding-block:8px;font-size:14.5px}.text-right{text-align:right}.bill-table td.service-desc-cell{text-align:left;white-space:normal;padding-top:6px;padding-bottom:32px;line-height:1.6;vertical-align:top!important;padding-left:calc(8% + 8px)!important}.bill-table td.service-desc-cell.no-service-amount-divider{border-right:none!important}.service-amount-cell{text-align:right;padding-top:6px;vertical-align:top!important}.hide-amount .service-amount-cell{padding-top:calc(6px + 1.6em)}.bill-table td.total-label-cell{text-align:left;font-weight:400;padding-left:calc(8% + 8px)!important}.total-amount-cell{text-align:right;font-weight:400}@media (width<=1024px){.mobile-tabs{display:flex}.main-container{height:calc(100vh - var(--app-header-height) - var(--app-mobile-tabs-height));flex-direction:column}.editor-panel,.preview-panel{flex:1;width:100%;overflow-y:auto}.editor-panel{display:block}.preview-panel{display:flex}.main-container.tab-edit .preview-panel,.main-container.tab-preview .editor-panel{display:none}}@media (width<=600px){.app-header{padding:var(--space-3) var(--space-4)}.editor-panel,.form-section{padding:var(--space-4)}.grid-inputs{gap:var(--space-3);grid-template-columns:1fr}}@container (width<=680px){.items-editor-header{display:none}.item-editor-row-v2{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--bg-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);grid-template-columns:1fr 1fr;display:grid}.item-index-badge{grid-area:1/1;align-self:center;margin-top:0;margin-left:0}.item-row-actions{grid-area:1/2;justify-content:flex-end;align-self:center;width:auto;padding-top:0}.item-action-menu{width:min(11.25rem, calc(100vw - var(--space-12)))}.item-desc-group{grid-area:2/span 2}.item-qty-group{grid-area:3/1;width:auto}.item-qty-group input{text-align:left}.item-unit-group{grid-area:3/2;width:auto}.item-unit-group input{text-align:left}.item-line-total{text-align:right;border-top:1px dashed var(--border-color);width:100%;padding-top:var(--space-2);margin-top:var(--space-1);grid-area:4/span 2;justify-content:space-between;align-items:center;display:flex}.mobile-only-label{font-size:var(--font-size-sm);color:var(--text-muted);font-weight:600;display:block}}@media (width<=600px){.items-add-bottom{width:100%}.service-editor-grid{gap:var(--space-3);grid-template-columns:1fr}}@media (width<=360px){.tab-btn{font-size:var(--font-size-sm);padding:var(--space-2-5)}}.no-border-bottom{border-bottom:none!important}.no-border-top{border-top:none!important}.spacer-line{height:20px}@media print{body,html{background-color:var(--bill-paper-bg)!important;height:auto!important;overflow:visible!important}.app-header,.mobile-tabs,.editor-panel{display:none!important}.main-container{border:none!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.preview-panel{background-color:var(--bill-paper-bg)!important;width:210mm!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.bill-paper-container{width:210mm!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}.bill-pages-wrapper{gap:0!important;width:210mm!important;display:block!important;transform:none!important}.bill-paper{width:210mm!important;height:auto!important;min-height:297mm!important;box-shadow:none!important;background-color:var(--bill-paper-bg)!important;color:var(--bill-ink)!important;page-break-after:always!important;page-break-inside:avoid!important;box-sizing:border-box!important;margin:0!important;padding:15mm!important;position:relative!important;overflow:visible!important;transform:none!important}.bill-paper:last-child{page-break-after:auto!important}.bill-paper.compact-layout{padding:10mm 15mm!important}.bill-table tr{page-break-inside:avoid!important}@page{size:A4;margin:0}}.modal-overlay{background-color:var(--overlay-bg);width:100%;height:100%;-webkit-backdrop-filter:blur(var(--space-1));backdrop-filter:blur(var(--space-1));cursor:default;z-index:1000;border:0;animation:.2s ease-out fadeIn;position:fixed;top:0;left:0}.modal-content{background-color:var(--bg-card);border-radius:var(--radius-xl);width:90%;max-width:31.25rem;padding:var(--space-7);box-shadow:var(--shadow-modal);z-index:1001;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.modal-title{font-size:var(--font-size-lg);color:var(--text-main);margin-bottom:var(--space-2);font-weight:700}.modal-title-icon{vertical-align:middle;margin-right:.375rem;display:inline-block}.icon-primary{color:var(--primary-color)}.icon-danger{color:var(--danger-color)}.icon-warning{color:var(--warning-color)}.icon-success{color:var(--success-color)}.modal-desc{font-size:var(--font-size-base);color:var(--text-muted);margin-bottom:var(--space-5);line-height:1.5}.modal-options{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.btn-option{background-color:var(--bg-subtle);border:1.5px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4);text-align:left;cursor:pointer;transition:all var(--transition-base);gap:var(--space-1);flex-direction:column;width:100%;display:flex}.btn-option:hover{border-color:var(--primary-color);background-color:var(--info-bg)}.option-title{font-weight:700;font-size:var(--font-size-md);color:var(--text-main)}.option-desc{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.4}.modal-footer{justify-content:flex-end;gap:var(--space-2-5);display:flex}.modal-footer.spaced{margin-top:var(--space-5)}.modal-footer.spaced-lg{margin-top:var(--space-6)}.modal-icon-btn{border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-card);width:2.125rem;height:2.125rem;color:var(--text-muted);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.modal-icon-btn:hover{color:var(--text-main);background-color:var(--bg-subtle)}.unsaved-modal{max-width:33.75rem}.unsaved-action-list{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.unsaved-option{align-items:flex-start;gap:var(--space-3);flex-direction:row}.unsaved-option.primary{border-color:var(--info-border);background-color:var(--info-bg)}.unsaved-option.primary:hover{border-color:var(--primary-color);background-color:var(--info-bg-strong)}.unsaved-option.danger{border-color:var(--color-red-200);background-color:var(--danger-bg)}.unsaved-option.danger:hover{border-color:var(--btn-danger);background-color:var(--danger-bg-strong)}.unsaved-option.success{border-color:var(--success-border);background-color:var(--success-bg)}.unsaved-option.success:hover{border-color:var(--color-green-500);background-color:var(--success-bg-strong)}.unsaved-option-icon{border-radius:var(--radius-lg);background-color:var(--bg-card);width:2rem;height:2rem;color:var(--text-main);border:1px solid var(--border-color);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.unsaved-option.primary .unsaved-option-icon{color:var(--primary-color);border-color:var(--info-border)}.unsaved-option.danger .unsaved-option-icon{color:var(--btn-danger);border-color:var(--color-red-200)}.unsaved-option.success .unsaved-option-icon{color:var(--success-color);border-color:var(--success-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translate(-50%, calc(-50% + var(--space-3)));opacity:0}to{opacity:1;transform:translate(-50%,-50%)}}.btn-alert-trigger{cursor:pointer;padding:var(--space-2);transition:all var(--transition-base);margin-right:var(--space-1);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.btn-alert-trigger.critical{color:var(--btn-danger);background-color:var(--danger-bg);border:1px solid var(--danger-border);animation:2s infinite pulse-red}.btn-alert-trigger.critical:hover{background-color:var(--danger-bg-strong)}.btn-alert-trigger.warning{color:var(--warning-strong);background-color:var(--warning-bg);border:1px solid var(--warning-border)}.btn-alert-trigger.warning:hover{background-color:var(--warning-bg-strong)}.btn-alert-trigger .alert-count{top:calc(var(--space-1) * -1);right:calc(var(--space-1) * -1);color:var(--text-inverse);font-size:var(--font-size-xs);border-radius:var(--radius-pill);border:1.5px solid var(--bg-card);padding:.0625rem .3125rem;font-weight:700;line-height:1;position:absolute}.btn-alert-trigger.critical .alert-count{background-color:var(--btn-danger)}.btn-alert-trigger.warning .alert-count{background-color:var(--warning-strong)}@keyframes pulse-red{0%{box-shadow:0 0 0 0 var(--danger-pulse)}70%{box-shadow:0 0 0 var(--space-2) var(--danger-pulse-transparent)}to{box-shadow:0 0 0 0 var(--danger-pulse-transparent)}}.modal-header-v2{margin-bottom:var(--space-4)}.alert-list-container{gap:var(--space-2);max-height:18.75rem;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.alert-item-card{align-items:center;gap:var(--space-2-5);padding:var(--space-3);border-radius:var(--radius-lg);font-size:var(--font-size-base);border:1px solid;line-height:1.45;display:flex}.alert-item-card.critical{background-color:var(--danger-bg);border-color:var(--danger-bg-strong);color:var(--color-red-800)}.alert-item-card.warning{background-color:var(--warning-bg);border-color:var(--warning-bg-strong);color:var(--color-amber-800)}.alert-badge{font-size:var(--font-size-xs);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);flex-shrink:0;font-weight:700}.alert-badge.critical{background-color:var(--danger-color);color:var(--text-inverse)}.alert-badge.warning{background-color:var(--warning-color);color:var(--text-inverse)}.alert-msg{flex:1}.json-import-modal{max-width:38.75rem}.json-import-header{justify-content:space-between;gap:var(--space-4);align-items:flex-start;display:flex}.json-import-summary{gap:var(--space-2-5);margin-bottom:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.json-import-stat{border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3);background-color:var(--bg-subtle)}.stat-value{color:var(--text-main);margin-bottom:var(--space-1-5);font-size:1.375rem;font-weight:700;line-height:1;display:block}.stat-label{font-size:var(--font-size-xs);color:var(--text-muted);display:block}.json-import-section{margin-bottom:var(--space-4)}.json-import-section h4{font-size:var(--font-size-base);color:var(--text-main);margin-bottom:var(--space-2)}.json-import-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:11.25rem;overflow:hidden auto}.json-import-list-row{gap:var(--space-0-5);padding:var(--space-2-5) var(--space-3);border-bottom:1px solid var(--border-color);background-color:var(--bg-card);flex-direction:column;display:flex}.json-import-list-row:last-child{border-bottom:0}.json-import-list-row span{font-size:var(--font-size-base);color:var(--text-main);font-weight:700}.json-import-list-row small{font-size:var(--font-size-xs);color:var(--text-muted)}.json-import-list-row.warning{background-color:var(--warning-bg)}.json-import-list-row.muted{color:var(--text-muted);font-size:var(--font-size-sm)}.json-import-options{margin-top:var(--space-1)}.json-import-option{align-items:flex-start;gap:var(--space-3);flex-direction:row}.json-import-option svg{margin-top:var(--space-0-5);flex-shrink:0}.json-import-option.success{border-color:var(--success-border);background-color:var(--success-bg)}.json-import-option.success:hover{border-color:var(--color-green-500);background-color:var(--success-bg-strong)}.json-import-option.neutral{border-color:var(--border-strong);background-color:var(--bg-subtle)}.json-import-option.neutral:hover{border-color:var(--text-muted);background-color:var(--bg-muted)}.json-import-option.danger{border-color:var(--color-red-200);background-color:var(--danger-bg)}.json-import-option.danger:hover{border-color:var(--btn-danger);background-color:var(--danger-bg-strong)}.json-import-option:disabled,.modal-footer button:disabled{opacity:.65;cursor:not-allowed}.json-import-result{align-items:center;gap:var(--space-2-5);border-radius:var(--radius-lg);padding:var(--space-3-5);margin-bottom:var(--space-4);font-size:var(--font-size-base);font-weight:700;display:flex}.json-import-result.success{color:var(--color-green-800);background-color:var(--success-bg);border:1px solid var(--success-border)}.json-import-result.error{color:var(--color-red-800);background-color:var(--danger-bg);border:1px solid var(--color-red-200)}.json-import-result.warning{color:var(--color-amber-800);background-color:var(--warning-bg);border:1px solid var(--warning-border)}@media (width<=560px){.json-import-summary{grid-template-columns:1fr}}.settings-options-container{gap:var(--space-3-5);flex-direction:column;display:flex}.setting-toggle-card{background-color:var(--bg-subtle);border:1px solid var(--border-color);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);justify-content:space-between;align-items:center;display:flex}.setting-toggle-card:hover{background-color:var(--bg-muted);border-color:var(--border-strong)}.setting-field-card{gap:var(--space-2);background-color:var(--bg-subtle);border:1px solid var(--border-color);padding:var(--space-3-5) var(--space-4);border-radius:var(--radius-lg);flex-direction:column;display:flex}.setting-text-input{border:1px solid var(--border-strong);border-radius:var(--radius-md);width:100%;padding:var(--space-2-5) var(--space-3);color:var(--text-main);font:inherit;background-color:var(--bg-card)}.setting-text-input:focus{outline:2px solid color-mix(in srgb, var(--primary-color) 25%, transparent);border-color:var(--primary-color)}.setting-info{gap:var(--space-1);padding-right:var(--space-4);flex-direction:column;flex:1;display:flex}.setting-label{font-weight:700;font-size:var(--font-size-md);color:var(--text-main)}.setting-desc{font-size:var(--font-size-base);color:var(--text-muted);line-height:1.4}.switch-wrapper{flex-shrink:0;width:2.875rem;height:1.5rem;position:relative}.switch-checkbox{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:var(--border-strong);border-radius:var(--radius-pill);transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:var(--color-white);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-sm);border-radius:50%;transition:all .3s;position:absolute;bottom:.1875rem;left:.1875rem}.switch-checkbox:checked+.switch-slider{background-color:var(--primary-color)}.switch-checkbox:checked+.switch-slider:before{transform:translate(1.375rem)}.hide-qty-unit .col-desc{width:78%!important}.disabled-setting-card{opacity:.65;cursor:not-allowed!important}.disabled-setting-card .switch-slider{cursor:not-allowed!important}.badge-auto-selected{font-size:var(--font-size-xs);background-color:var(--primary-color);color:var(--text-inverse);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-sm);margin-left:var(--space-1-5);vertical-align:middle;font-weight:700;display:inline-block}.badge-status-danger{font-size:var(--font-size-sm);background-color:var(--danger-bg-strong);color:var(--danger-color);padding:var(--space-1) var(--space-2-5);border-radius:var(--radius-pill);border:1px solid var(--danger-border);font-weight:700;display:inline-block}.alert-info-mini{align-items:center;gap:var(--space-2);font-size:var(--font-size-base);background-color:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text);padding:var(--space-2-5) var(--space-3-5);border-radius:var(--radius-md);margin-bottom:var(--space-4);line-height:1.45;display:flex}.alert-info-mini svg{color:var(--primary-color);flex-shrink:0}.hide-service-total .total-label-cell,.no-total-amount-divider .total-label-cell{border-left:none!important;border-right:none!important}.bill-list-container{height:calc(100vh - var(--app-header-height));padding:var(--space-6);background-color:var(--bg-app);gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.bill-list-header{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:nowrap;display:flex}.search-wrapper{flex:1;min-width:12.5rem;max-width:30rem;position:relative}.search-input{width:100%;padding:var(--space-2-5) var(--space-4) var(--space-2-5) var(--space-10);font-size:var(--font-size-base);border:1px solid var(--border-color);border-radius:var(--radius-lg);background-color:var(--bg-card);color:var(--text-main);transition:all var(--transition-base);outline:none}.search-input:focus{border-color:var(--input-focus);box-shadow:0 0 0 3px var(--focus-ring)}.search-icon-inside{left:var(--space-3-5);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bill-list-toolbar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.bulk-actions-bar{background-color:var(--bg-card);border:1px solid var(--border-color);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(calc(var(--space-2-5) * -1))}to{opacity:1;transform:translateY(0)}}.bulk-info{align-items:center;gap:var(--space-3);font-size:var(--font-size-base);color:var(--text-main);font-weight:600;display:flex}.bulk-info .bill-item-checkbox{margin-right:var(--space-1)}.bulk-actions{gap:var(--space-2);display:flex}.bulk-actions button:disabled,.bulk-info .bill-item-checkbox:disabled{opacity:.5;cursor:not-allowed}.bill-list-items{gap:var(--space-2);margin-bottom:var(--space-6);flex-direction:column;display:flex}.bill-item-row{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);cursor:pointer;text-align:left;width:100%;transition:all var(--transition-base);box-shadow:var(--shadow-xs);display:flex;position:relative}.bill-item-row:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-1px)}.bill-item-row.selected{border-color:var(--primary-color);background-color:var(--info-bg);box-shadow:0 0 0 1px var(--primary-color)}.bill-item-checkbox-wrapper{z-index:2;align-items:center;display:flex}.bill-item-checkbox{border-radius:var(--radius-sm);border:2px solid var(--border-strong);cursor:pointer;width:1.125rem;height:1.125rem;accent-color:var(--primary-color);outline:none}.bill-item-icon-container{background-color:var(--bg-muted);border-radius:var(--radius-md);width:2.375rem;height:2.375rem;color:var(--primary-color);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.bill-item-row:hover .bill-item-icon-container{background-color:var(--info-bg-strong)}.bill-item-info{justify-content:space-between;align-items:center;gap:var(--space-4);flex-grow:1;min-width:0;display:flex}.bill-item-name{font-size:var(--font-size-base);color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:600;overflow:hidden}.bill-item-date{font-size:var(--font-size-xs);color:var(--text-muted);align-items:center;gap:var(--space-1);white-space:nowrap;flex-shrink:0;display:flex}.pagination-container{padding:var(--space-4) 0;border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:auto;display:flex}.pagination-info{font-size:var(--font-size-base);color:var(--text-muted)}.pagination-controls{align-items:center;gap:var(--space-2);display:flex}.btn-page{min-width:2.25rem;height:2.25rem;padding:0 var(--space-2);font-size:var(--font-size-base);border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-card);color:var(--text-soft);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn-page:hover:not(:disabled){background-color:var(--bg-muted);border-color:var(--border-strong);color:var(--text-main)}.btn-page:disabled{opacity:.5;cursor:not-allowed}.btn-page.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-inverse)}.empty-state{text-align:center;padding:var(--space-20) var(--space-6);background-color:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-2xl);margin:var(--space-5) 0;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:var(--space-18);height:var(--space-18);background-color:var(--info-bg);color:var(--primary-color);margin-bottom:var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--font-size-lg);color:var(--text-main);margin-bottom:var(--space-2);font-weight:700}.empty-state-desc{font-size:var(--font-size-base);color:var(--text-muted);max-width:22.5rem;margin-bottom:var(--space-6);line-height:1.5}.empty-state-actions{gap:var(--space-3);display:flex}@media (width<=768px){.bill-list-container{padding:var(--space-4);height:calc(100vh - var(--app-header-height) - var(--app-mobile-tabs-height))}.bill-list-header{align-items:center;gap:var(--space-2);flex-direction:row}.search-wrapper{flex:1;min-width:0;max-width:none}.bill-list-toolbar{justify-content:flex-start}.bill-item-info{align-items:flex-start;gap:var(--space-1);flex-direction:column}.bill-item-name{white-space:normal;-webkit-line-clamp:2;line-height:1.3;font-size:var(--font-size-sm);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pagination-container{flex-direction:column;align-items:center}}.dropdown-menu .dropdown-item.active{background-color:var(--info-bg);color:var(--primary-color);font-weight:600}.sort-wrapper{margin-left:0}.sort-trigger-btn{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:2.375rem;height:2.375rem;padding:0!important;display:inline-flex!important}@media (width<=768px){.sort-wrapper{width:auto;margin-left:0}.sort-wrapper .dropdown-trigger{flex-shrink:0;justify-content:center;width:2.375rem;height:2.375rem}.bulk-actions-bar{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.bulk-info{font-size:var(--font-size-sm);gap:var(--space-1-5);white-space:nowrap;overflow:hidden}.bulk-btn-text{display:none}.bulk-actions button{padding:var(--space-2);border-radius:var(--radius-md);min-width:2.25rem;height:2.25rem;font-size:var(--font-size-base);justify-content:center;gap:0}}