.manage-cat-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:12px;overflow-x:hidden;box-sizing:border-box;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:9999}.manage-cat-modal-card{width:100%;max-width:620px;max-height:90vh;display:flex;flex-direction:column;background:#fff;border-radius:16px;box-shadow:0 20px 40px -10px #00000038;border:1px solid #E2E8F0;overflow:hidden;box-sizing:border-box;animation:modalScaleIn .15s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:767px){.manage-cat-overlay{padding:8px}.manage-cat-modal-card{width:calc(100vw - 16px)!important;max-width:100%!important;max-height:92dvh!important;border-radius:14px}}.manage-cat-header{padding:12px 16px;border-bottom:1px solid #F1F5F9;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#f8fafc;flex-shrink:0;box-sizing:border-box}.manage-cat-title-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.manage-cat-header-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#d2462d}.manage-cat-title{margin:0;font-size:.98rem;font-weight:700;color:#0f172a;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.manage-cat-btn-close{width:36px;height:36px;min-width:36px;min-height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .12s ease;flex-shrink:0}.manage-cat-btn-close:hover{background:#e2e8f0;color:#0f172a}.manage-cat-nav-bar{padding:12px 16px 0;background:#fff;position:relative;box-sizing:border-box}.manage-cat-dropdown-trigger-wrap{position:relative;width:100%}.manage-cat-dropdown-trigger{width:100%;height:44px;padding:0 14px;border-radius:10px;border:1.5px solid #E2E8F0;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;color:#1e232a;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.manage-cat-dropdown-trigger:hover,.manage-cat-dropdown-trigger[aria-expanded=true]{border-color:#d2462d;background:#fff7f5;color:#d2462d}.manage-cat-chevron{transition:transform .2s ease;color:inherit}.manage-cat-chevron.open{transform:rotate(180deg)}.manage-cat-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;box-shadow:0 10px 25px #0000001f;z-index:100;overflow:hidden;display:flex;flex-direction:column}.manage-cat-dropdown-item{width:100%;height:44px;display:flex;align-items:center;padding:0 14px;gap:8px;font-size:13.5px;font-weight:600;color:#334155;border:none;background:transparent;cursor:pointer;border-bottom:1px solid #F1F5F9;text-align:left;transition:background .12s ease}.manage-cat-dropdown-item:last-child{border-bottom:none}.manage-cat-dropdown-item:hover{background:#f8fafc}.manage-cat-dropdown-item.selected{background:#fff7f5;color:#d2462d;font-weight:700}.check-mark{width:16px;color:#d2462d;font-weight:700}.manage-cat-tabs{display:none}.manage-cat-body{padding:14px 16px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;box-sizing:border-box;-webkit-overflow-scrolling:touch}.manage-cat-tab-content{display:flex;flex-direction:column;width:100%}.manage-cat-error-box{padding:10px 12px;background:#fef2f2;border:1px solid #F87171;border-radius:8px;color:#991b1b;font-size:12.5px;font-weight:500;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.manage-cat-retry-btn{background:#ef4444;color:#fff;border:none;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.manage-cat-search-row{width:100%;margin-bottom:10px}.manage-cat-search-box.full-width{position:relative;width:100%;display:flex;align-items:center}.manage-cat-search-icon{position:absolute;left:14px;color:#94a3b8;pointer-events:none}.manage-cat-search-input{width:100%;height:44px;padding:0 38px 0 40px;border-radius:10px;border:1.5px solid #E2E8F0;background:#fff;font-size:14px;color:#1e232a;box-sizing:border-box;outline:none;transition:all .15s ease}.manage-cat-search-input:focus{border-color:#d2462d;box-shadow:0 0 0 3px #d2462d1f}.manage-cat-search-clear{position:absolute;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:#94a3b8;cursor:pointer}.manage-cat-add-row{display:flex;gap:8px;width:100%;align-items:center;margin-bottom:14px}.manage-cat-add-input{flex:1;height:44px;padding:0 14px;border-radius:10px;border:1.5px solid #E2E8F0;background:#fff;font-size:14px;color:#1e232a;box-sizing:border-box;outline:none;transition:all .15s ease}.manage-cat-add-input:focus{border-color:#d2462d;box-shadow:0 0 0 3px #d2462d1f}.manage-cat-add-btn.compact-plus-btn{width:44px;min-width:44px;height:44px;border-radius:10px;background:#d2462d;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 2px 6px #d2462d40;transition:all .15s ease}.manage-cat-add-btn.compact-plus-btn:hover{background:#ba3720}.manage-cat-add-btn.compact-plus-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.cat-list-container{display:flex;flex-direction:column;gap:10px;width:100%}.manage-cat-loading-state,.manage-cat-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;text-align:center;color:#64748b;gap:8px}.manage-cat-empty-icon{color:#cbd5e1;margin-bottom:4px}.manage-cat-empty-title{font-size:14px;font-weight:700;color:#1e232a}.manage-cat-empty-sub{font-size:12.5px;color:#64748b;margin:0}.cat-card{background:#fff;border:1.5px solid #EAE6D9;border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;width:100%;box-sizing:border-box;transition:all .15s ease}.cat-card:hover{border-color:#dcd6c4;box-shadow:0 2px 8px #0000000d}.cat-card-inactive{background:#faf9f6;opacity:.85;border-style:dashed}.cat-card-top-row{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:6px}.cat-top-left{display:flex;align-items:center;gap:8px}.cat-order-controls{display:inline-flex;align-items:center;gap:1px;background:#f1f5f9;border-radius:6px;padding:2px}.cat-order-btn{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;border:none;background:transparent;color:#475569;cursor:pointer;transition:all .1s ease}.cat-order-btn:hover:not(:disabled){background:#e2e8f0;color:#0f172a}.cat-order-btn:disabled{opacity:.3;cursor:not-allowed}.cat-order-badge{font-size:11px;font-weight:800;color:#1e232a;padding:0 4px}.cat-status-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;padding:2px 8px;border-radius:20px}.status-active{background:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.status-inactive{background:#f1f5f9;color:#64748b;border:1px solid #E2E8F0}.cat-menu-wrap{position:relative}.cat-kebab-btn{width:34px;height:34px;min-width:34px;min-height:34px;border-radius:8px;border:none;background:transparent;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s ease}.cat-kebab-btn:hover{background:#f1f5f9;color:#1e232a}.cat-action-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;width:170px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;box-shadow:0 10px 25px #00000026;z-index:50;overflow:hidden;display:flex;flex-direction:column;padding:4px}.cat-dropdown-action-item{width:100%;padding:8px 10px;display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#334155;border:none;background:transparent;border-radius:6px;cursor:pointer;text-align:left;transition:all .1s ease}.cat-dropdown-action-item:hover{background:#f8fafc;color:#0f172a}.cat-dropdown-icon{flex-shrink:0;color:#64748b}.cat-dropdown-delete{color:#dc2626!important}.cat-dropdown-delete:hover{background:#fef2f2!important}.cat-dropdown-delete .cat-dropdown-icon{color:#dc2626!important}.cat-card-name-row{width:100%;display:block;margin:2px 0 4px;box-sizing:border-box}.cat-name{display:block;width:100%;min-width:0;font-size:15px;font-weight:700;color:#1e232a;line-height:1.35;margin:0;overflow-wrap:anywhere;word-break:normal}.cat-card-meta-row{display:block;width:100%;margin:0 0 10px}.cat-meta-text{font-size:12.5px;color:#64748b;font-weight:500}.cat-card-action-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding-top:10px;border-top:1px solid #F1F5F9;gap:8px}.btn-atur-produk.cat-btn-assign{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;font-size:13px;font-weight:700;color:#d2462d;background:#fff7f5;border:1.5px solid rgba(210,70,45,.25);cursor:pointer;transition:all .15s ease}.btn-atur-produk.cat-btn-assign:hover{background:#d2462d;color:#fff;border-color:#d2462d}.cat-expand-chevron-btn{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1.5px solid #E2E8F0;color:#64748b;cursor:pointer;transition:all .15s ease}.cat-expand-chevron-btn:hover{background:#f1f5f9;color:#1e232a;border-color:#cbd5e1}.cat-chevron-icon{color:inherit}.cat-drawer-content{margin-top:10px;padding-top:10px;border-top:1px dashed #E2E8F0;width:100%}.cat-drawer-info{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#f8fafc;padding:8px 10px;border-radius:8px}.cat-drawer-stat-item{display:flex;flex-direction:column;gap:2px}.cat-drawer-stat-label{font-size:10.5px;font-weight:600;color:#64748b;text-transform:uppercase}.cat-drawer-stat-val{font-size:12px;font-weight:700;color:#1e232a}.cat-card-edit-wrap{display:flex;flex-direction:column;gap:8px;width:100%}.cat-card-edit-input{width:100%;height:40px;padding:0 12px;border-radius:8px;border:1.5px solid #D2462D;font-size:14px;box-sizing:border-box}.cat-card-edit-actions{display:flex;justify-content:flex-end;gap:8px}.cat-delete-confirm-box{margin-top:10px;padding:10px 12px;background:#fff1f2;border:1px solid #FECDD3;border-radius:8px;display:flex;flex-direction:column;gap:8px}.cat-delete-warning-text,.cat-delete-confirm-text{font-size:12.5px;font-weight:600;color:#9f1239}.cat-delete-buttons{display:flex;justify-content:flex-end;gap:8px}.subcat-parent-toolbar{margin-bottom:12px}.subcat-parent-select-wrap{display:flex;align-items:center;gap:8px}.subcat-parent-label{font-size:13px;font-weight:700;color:#334155;white-space:nowrap}.subcat-parent-select{flex:1;height:42px;border-radius:10px;border:1.5px solid #E2E8F0;padding:0 12px;font-size:13.5px;color:#1e232a;background:#fff}.subcat-card{background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;padding:10px 12px;margin-bottom:8px}.subcat-card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.subcat-name{font-size:14px;font-weight:600;color:#1e232a}.assign-cat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.assign-cat-select-wrap{display:flex;align-items:center;gap:8px;flex:1}.assign-cat-label{font-size:13px;font-weight:700;color:#334155;white-space:nowrap}.assign-cat-select{flex:1;height:42px;border-radius:10px;border:1.5px solid #E2E8F0;padding:0 10px;font-size:13.5px;color:#1e232a}.assign-add-product-btn{height:42px;padding:0 14px;border-radius:10px;font-size:13px;font-weight:700;display:inline-flex;align-items:center;gap:6px;background:#d2462d;color:#fff;border:none;cursor:pointer;white-space:nowrap}.assign-search-input{width:100%;height:42px;border-radius:10px;border:1.5px solid #E2E8F0;padding:0 36px 0 38px;font-size:13.5px}.assign-cat-meta-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 0;font-size:12.5px;color:#64748b;border-bottom:1px solid #F1F5F9;margin-bottom:10px}.assign-prod-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;margin-bottom:8px;gap:10px}.assign-prod-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.assign-prod-name-row{display:flex;align-items:center;gap:6px}.assign-prod-name{font-size:13.5px;font-weight:700;color:#1e232a;overflow-wrap:anywhere}.assign-sku-badge{font-size:11px;color:#64748b}.assign-prod-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.assign-prod-move-select{height:34px;border-radius:6px;border:1px solid #CBD5E1;font-size:12px;padding:0 6px}.assign-prod-detach-btn{height:34px;padding:0 10px;border-radius:6px;font-size:12px;font-weight:600;background:#f1f5f9;color:#475569;border:1px solid #CBD5E1;cursor:pointer;white-space:nowrap}.assign-prod-detach-btn:hover{background:#e2e8f0;color:#0f172a}.assign-submodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:12px;z-index:10005}.assign-submodal-card{width:100%;max-width:480px;max-height:80vh;background:#fff;border-radius:14px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px #0003}.assign-submodal-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #F1F5F9}.assign-submodal-title{margin:0;font-size:14px;font-weight:700}.assign-submodal-subtitle{font-size:11.5px;color:#64748b}.assign-submodal-search{padding:10px 14px;border-bottom:1px solid #F1F5F9}.assign-submodal-list{padding:10px 14px;overflow-y:auto;flex:1}.assign-candidate-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:1px solid #F8FAFC;gap:8px}.assign-already-badge{font-size:11px;font-weight:600;color:#15803d;background:#dcfce7;padding:3px 8px;border-radius:12px;display:inline-flex;align-items:center;gap:4px}.assign-submodal-footer{padding:10px 14px;border-top:1px solid #F1F5F9;display:flex;justify-content:flex-end}.manage-cat-footer{padding:12px 16px;border-top:1px solid #F1F5F9;background:#fff;flex-shrink:0;box-sizing:border-box}.manage-cat-footer-btn{width:100%;height:44px;border-radius:10px;font-size:14px;font-weight:700;background:#1e232a;color:#fff;border:none;cursor:pointer;transition:all .15s ease}.manage-cat-footer-btn:hover{background:#000}.animate-fade-in{animation:fadeIn .15s ease}.animate-slide-down{animation:slideDown .18s cubic-bezier(.16,1,.3,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.km-bu-container{display:flex;flex-direction:column;gap:24px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.km-bu-subpart{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.km-bu-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;width:100%;box-sizing:border-box}.km-bu-section-header-text{flex:1;min-width:0}.km-bu-section-title{margin:0;font-size:.95rem;font-weight:700;color:var(--text-primary, #1E232A);line-height:1.3}.km-bu-section-subtitle{margin:2px 0 0;font-size:.8rem;color:var(--text-muted, #64748B);line-height:1.35}.km-bu-btn-add{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:.82rem;font-weight:600;border-radius:var(--radius-sm, 8px);flex-shrink:0;white-space:nowrap}.km-bu-table-desktop-wrap{display:block;overflow-x:auto;border:1px solid var(--border, #E5DFC9);border-radius:10px;background:var(--surface, #FFFFFF);width:100%;box-sizing:border-box}.km-bu-table{width:100%;border-collapse:collapse;font-size:.84rem}.km-bu-table thead tr{background:var(--table-head-bg, #F8FAFC);border-bottom:1px solid var(--border, #E5DFC9);text-align:left;color:var(--table-head-text, #475569)}.km-bu-table th{padding:10px 14px;font-weight:600;white-space:nowrap}.km-bu-table tbody tr{border-bottom:1px solid var(--border-subtle, #F1F5F9)}.km-bu-table tbody tr:last-child{border-bottom:none}.km-bu-table td{padding:10px 14px}.km-bu-cards-mobile{display:none}.km-bu-empty{padding:24px 16px;text-align:center;color:var(--text-muted, #64748B);background:var(--surface, #FFFFFF);border:1px dashed var(--border, #E5DFC9);border-radius:10px;font-size:.84rem;box-sizing:border-box}@media(max-width:768px){.km-bu-section-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.km-bu-btn-add{width:100%;justify-content:center;min-height:42px;font-size:.86rem;box-sizing:border-box}.km-bu-table-desktop-wrap{display:none!important}.km-bu-cards-mobile{display:flex!important;flex-direction:column;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.km-bu-card,.km-outlet-map-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);border-radius:10px;padding:12px 14px;box-sizing:border-box;width:100%;max-width:100%;min-width:0;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;gap:10px}.km-bu-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;min-width:0;box-sizing:border-box}.km-bu-card-title-group{display:flex;align-items:center;gap:8px;flex:1;min-width:0;word-break:break-word}.km-bu-card-title{font-size:.94rem;font-weight:700;color:var(--text-primary, #1E232A);line-height:1.3;word-break:break-word;overflow-wrap:anywhere}.km-bu-store-icon{flex-shrink:0;color:var(--text-muted, #64748B)}.km-bu-status-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:12px;flex-shrink:0;letter-spacing:.3px}.km-bu-status-badge.active{background:#dcfce7;color:#15803d}.km-bu-status-badge.inactive{background:#fee2e2;color:#b91c1c}.km-bu-card-body{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;box-sizing:border-box}.km-bu-card-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;min-width:0;box-sizing:border-box}.km-bu-card-label{font-size:.78rem;color:var(--text-muted, #64748B);font-weight:500;flex-shrink:0;line-height:1.35}.km-bu-card-value{font-size:.82rem;color:var(--text-primary, #1E293B);font-weight:600;text-align:right;word-break:break-word;overflow-wrap:anywhere;min-width:0}.km-bu-code-tag{background:var(--surface-hover, #F1F5F9);color:var(--text-primary, #1E293B);padding:2px 7px;border-radius:4px;font-family:monospace;font-size:.8rem;font-weight:700;border:1px solid var(--border-subtle, #E2E8F0);word-break:break-all}.km-bu-card-desc{font-size:.82rem;color:var(--text-secondary, #475569);text-align:right;word-break:break-word;overflow-wrap:anywhere;line-height:1.35;max-width:65%}.km-bu-mapped-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.76rem;font-weight:700}.km-bu-mapped-badge.has-outlets{background:#e0f2fe;color:#0369a1}.km-bu-mapped-badge.empty{background:var(--surface-hover, #F1F5F9);color:var(--text-muted, #64748B)}.km-bu-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px solid var(--border-subtle, #F1F5F9);width:100%;box-sizing:border-box}.km-bu-btn-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:6px 10px;border-radius:var(--radius-sm, 6px);font-size:.8rem;font-weight:600;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease}.km-bu-btn-action.edit{background:var(--surface, #FFFFFF);border:1px solid var(--border-strong, #CBD5E1);color:var(--text-primary, #334155)}.km-bu-btn-action.edit:hover{background:var(--surface-hover, #F8FAFC)}.km-bu-btn-action.toggle.deactivate{background:#fff1f2;border:1px solid #FECDD3;color:#e11d48}.km-bu-btn-action.toggle.activate{background:#f0fdf4;border:1px solid #BBF7D0;color:#16a34a}.km-bu-card-col{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0;box-sizing:border-box}.km-bu-card-label-block{font-size:.78rem;color:var(--text-muted, #64748B);font-weight:600;line-height:1.35}.km-bu-select-wrap{display:flex;align-items:center;gap:8px;width:100%;min-width:0;box-sizing:border-box}.km-bu-select-control{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;min-height:42px;padding:8px 12px;font-size:.84rem;font-weight:600;border-radius:var(--radius-sm, 6px);border:1px solid var(--border-strong, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-primary, #1E232A)}.km-bu-select-control:focus{outline:none;border-color:var(--primary, #D2462D);box-shadow:0 0 0 2px var(--primary-soft, rgba(210, 70, 45, .15))}.km-bu-spinner{flex-shrink:0;color:var(--primary, #D2462D)}}.stock-management-page{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}.stock-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;width:100%;box-sizing:border-box}.stock-header-title-col{flex:0 1 auto;min-width:0}.stock-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.stock-header-main-btns{display:flex;align-items:center;gap:8px}@media(max-width:767px){.stock-page-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:12px!important}.stock-header-actions{width:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:6px!important}.stock-header-main-btns{display:flex!important;width:100%!important;gap:8px!important}.stock-btn-stok-masuk,.stock-btn-penyesuaian{flex:1 1 0!important;height:38px!important;justify-content:center!important;font-size:.8rem!important;padding:0 10px!important}.stock-btn-refresh{height:32px!important;padding:0 10px!important;font-size:.76rem!important;display:inline-flex!important;align-items:center!important;gap:6px!important;align-self:flex-start!important;border-radius:6px!important}}.stock-tabs-desktop{display:flex;gap:8px;border-bottom:1px solid var(--border, #E5E7EB);margin-bottom:16px;padding-bottom:2px;overflow-x:auto}.stock-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-bottom:3px solid transparent;background:transparent;color:var(--text-muted, #6B7280);font-weight:600;font-size:.84rem;cursor:pointer;transition:all .15s ease}.stock-tab-btn.active{border-bottom-color:var(--primary, #D2462D);color:var(--primary, #D2462D);font-weight:800}.stock-tabs-mobile{display:none;width:100%;margin-bottom:12px;box-sizing:border-box}.stock-tab-select-mobile{width:100%;height:42px;padding:0 36px 0 14px;font-size:.88rem;font-weight:700;color:var(--text-main, #252525);background-color:var(--surface, #FFFFFF);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;border:1px solid var(--border, #E5E7EB);border-radius:8px;cursor:pointer;box-sizing:border-box;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none}@media(max-width:767px){.stock-tabs-desktop{display:none!important}.stock-tabs-mobile{display:block!important}}@media(min-width:768px){.stock-tabs-desktop{display:flex!important}.stock-tabs-mobile{display:none!important}}.stock-insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:center}@media(max-width:767px){.stock-insight-grid{grid-template-columns:1fr!important;gap:14px!important}.stock-kpi-subgrid{grid-template-columns:1fr 1fr!important;gap:8px!important}.stock-kpi-subgrid>div{padding:10px 12px!important}.stock-kpi-val{font-size:1.15rem!important}}.stock-filter-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:12px;padding:14px 18px;margin-bottom:16px;box-sizing:border-box}@media(max-width:767px){.stock-filter-card{flex-direction:column!important;align-items:stretch!important;padding:12px!important;gap:10px!important}.stock-filter-search-wrap{width:100%!important}.stock-filter-search-wrap input{width:100%!important;box-sizing:border-box!important}.stock-filter-status-pills{display:grid!important;grid-template-columns:repeat(4,1fr)!important;width:100%!important;box-sizing:border-box!important;padding:2px!important}.stock-filter-status-pills button{padding:6px 2px!important;font-size:.72rem!important;text-align:center!important;justify-content:center!important;white-space:nowrap!important}.stock-filter-select-type{width:100%!important;box-sizing:border-box!important;height:38px!important}.stock-filter-actions-row{display:flex!important;width:100%!important;gap:8px!important}.stock-filter-actions-row .export-button-group{display:flex!important;flex:1!important;width:100%!important;gap:8px!important}.stock-filter-actions-row .export-dropdown-wrapper{flex:1!important;width:100%!important}.stock-filter-actions-row .export-btn-action,.stock-filter-actions-row .print-btn-action{width:100%!important;height:38px!important;justify-content:center!important;font-size:.78rem!important}}.stock-mobile-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;width:100%;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.stock-mobile-card:active{transform:scale(.99)}.stock-card-top-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.stock-card-sku-wrap{display:flex;align-items:center;gap:6px}.stock-card-sku{font-size:.75rem;font-family:monospace;color:var(--text-muted, #6B7280);background:var(--surface-2, #F8FAFC);padding:2px 6px;border-radius:4px;border:1px solid var(--border, #E5E7EB)}.stock-card-type-badge{padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:700}.stock-card-status-badge{padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:800}.stock-card-name{font-size:.95rem;font-weight:800;color:var(--text-main, #252525);line-height:1.3;word-break:break-word}.stock-card-qty-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E5E7EB);padding:8px 10px;border-radius:8px;box-sizing:border-box}.stock-card-qty-col{display:flex;flex-direction:column;gap:2px}.stock-card-qty-label{font-size:.68rem;color:var(--text-muted, #6B7280);text-transform:uppercase;font-weight:600}.stock-card-qty-val{font-size:.92rem;font-weight:800}.stock-card-value-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.stock-card-value-label{color:var(--text-muted, #6B7280);font-size:.72rem;text-transform:uppercase;font-weight:600}.stock-card-value-amount{font-weight:800;color:var(--primary, #D2462D);font-size:.9rem}.stock-card-btn-detail{width:100%!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:.82rem!important;font-weight:600!important;border-radius:8px!important;box-sizing:border-box!important}.stock-detail-overlay{z-index:1100;display:flex}.stock-detail-card{background:var(--surface, #FFFFFF);display:flex;flex-direction:column;box-sizing:border-box}.stock-detail-header{padding:16px 20px;border-bottom:1px solid var(--border, #E5E7EB);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.stock-detail-sku{font-size:.74rem;color:var(--text-muted, #6B7280)}.stock-detail-title{font-size:1.15rem;font-weight:800;margin:2px 0 0;color:var(--text-main, #252525);word-break:break-word}.stock-detail-body{box-sizing:border-box}.stock-detail-snapshot-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface-2, #F8FAFC);padding:12px 14px;border-radius:10px;border:1px solid var(--border, #E5E7EB);margin-bottom:14px}.stock-detail-metric-label{font-size:.7rem;color:var(--text-muted, #6B7280)}.stock-detail-metric-val{font-weight:800;font-size:1.15rem;margin-top:2px}.stock-detail-metric-sub{font-weight:700;font-size:.92rem;margin-top:2px}.stock-movement-empty-box{text-align:center;padding:16px 12px;color:var(--text-muted, #6B7280);font-size:.8rem;background:var(--surface-2, #F8FAFC);border-radius:6px;border:1px dashed var(--border, #E5E7EB)}.stock-drawer-footer{border-top:1px solid var(--border, #E5E7EB);background:var(--surface-2, #F8FAFC);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.stock-drawer-footer-actions{display:flex;align-items:center;gap:8px}@media(min-width:768px){.stock-detail-overlay{justify-content:flex-end;padding:0}.stock-detail-card{width:520px;max-width:100%;height:100vh;border-left:1px solid var(--border, #E5E7EB);box-shadow:-4px 0 24px #00000026;animation:slideInRight .2s ease-out}.stock-detail-body{padding:20px;overflow-y:auto;flex:1}.stock-movement-table-desktop{display:block;border:1px solid var(--border, #E5E7EB);border-radius:8px;overflow:hidden}.stock-movement-cards-mobile{display:none}.stock-drawer-footer{padding:14px 20px}.stock-drawer-btn-tutup{height:36px;padding:0 16px}.stock-drawer-btn-masuk{height:36px;padding:0 14px}.stock-drawer-btn-penyesuaian{height:36px;padding:0 12px}}@media(max-width:767px){.stock-detail-overlay{align-items:flex-end;justify-content:center;padding:0;background:#00000080}.stock-detail-card{width:100%!important;max-width:100%!important;height:auto!important;max-height:88vh!important;border-radius:16px 16px 0 0!important;border-left:none!important;border-top:1px solid var(--border, #E5E7EB)!important;box-shadow:0 -8px 28px #00000040!important;animation:slideUpMobile .22s ease-out!important}.stock-detail-header{padding:12px 16px!important}.stock-detail-body{flex:0 1 auto!important;overflow-y:auto!important;max-height:calc(88vh - 105px)!important;padding:12px 14px!important}.stock-detail-snapshot-grid{padding:10px 12px!important;margin-bottom:12px!important;gap:8px!important}.stock-detail-metric-val{font-size:1.05rem!important}.stock-detail-metric-sub{font-size:.85rem!important}.stock-movement-table-desktop{display:none!important}.stock-movement-cards-mobile{display:flex!important;flex-direction:column!important;gap:8px!important}.stock-drawer-footer{padding:8px 12px!important;height:auto!important;min-height:50px!important;gap:6px!important;flex-direction:row!important}.stock-drawer-btn-tutup{height:34px!important;padding:0 10px!important;font-size:.76rem!important;flex:0 0 auto!important}.stock-drawer-footer-actions{display:flex!important;gap:6px!important;flex:1 1 auto!important;justify-content:flex-end!important}.stock-drawer-btn-masuk,.stock-drawer-btn-penyesuaian{height:34px!important;padding:0 8px!important;font-size:.74rem!important;white-space:nowrap!important;flex:1 1 auto!important;justify-content:center!important}}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.stock-movement-mob-card{background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E5E7EB);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.stock-movement-mob-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.stock-movement-mob-date{font-size:.82rem;font-weight:700;color:var(--text-main, #252525)}.stock-movement-mob-ref{font-size:.7rem;color:var(--text-muted, #6B7280)}.stock-movement-mob-grid{display:flex;flex-direction:column;gap:3px;margin-top:4px}.stock-movement-mob-row{display:flex;justify-content:space-between;align-items:center;font-size:.76rem}.stock-movement-mob-label{color:var(--text-muted, #6B7280)}.stock-movement-mob-val{font-weight:600;color:var(--text-main, #252525)}.waste-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%;box-sizing:border-box}.waste-search-wrap{position:relative;width:220px}.waste-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted, #6B7280)}.waste-search-input{width:100%;box-sizing:border-box;padding:6px 12px 6px 30px;font-size:.78rem;border-radius:6px;border:1px solid var(--border, #E5E7EB);background:var(--surface-2, #F8FAFC);color:var(--text-main, #252525)}.waste-status-pills{display:inline-flex;background:var(--surface-2, #F8FAFC);padding:2px;border-radius:6px;border:1px solid var(--border, #E5E7EB)}.waste-status-btn{border:none;background:transparent;color:var(--text-muted, #6B7280);font-weight:500;font-size:.74rem;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease}.waste-status-btn.active{background:var(--surface, #FFFFFF);color:var(--primary, #D2462D);font-weight:700;box-shadow:0 1px 2px #0000000d}.waste-reason-select{font-size:.76rem;padding:6px 10px;border-radius:6px;border:1px solid var(--border, #E5E7EB);background:var(--surface-2, #F8FAFC);color:var(--text-main, #252525);box-sizing:border-box}.waste-actions-row{display:flex;align-items:center;gap:8px;margin-left:auto}@media(max-width:767px){.waste-controls-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.waste-search-wrap{width:100%!important}.waste-search-input{height:38px!important;font-size:.82rem!important}.waste-status-pills{display:grid!important;grid-template-columns:repeat(2,1fr)!important;width:100%!important;gap:4px!important;box-sizing:border-box!important}.waste-status-btn{text-align:center!important;padding:8px 4px!important;font-size:.76rem!important;white-space:nowrap!important}.waste-reason-select{width:100%!important;height:38px!important;font-size:.82rem!important}.waste-actions-row{width:100%!important;margin-left:0!important;gap:8px!important;display:flex!important}.waste-btn-refresh{flex:0 0 auto!important;height:38px!important;padding:0 14px!important}.waste-btn-add{flex:1 1 auto!important;height:38px!important;justify-content:center!important}}.opname-controls-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%;box-sizing:border-box}.opname-search-wrap{position:relative;width:220px}.opname-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted, #6B7280)}.opname-search-input{width:100%;box-sizing:border-box;padding:6px 12px 6px 30px;font-size:.78rem;border-radius:6px;border:1px solid var(--border, #E5E7EB);background:var(--surface-2, #F8FAFC);color:var(--text-main, #252525)}.opname-status-pills{display:inline-flex;background:var(--surface-2, #F8FAFC);padding:2px;border-radius:6px;border:1px solid var(--border, #E5E7EB)}.opname-status-btn{border:none;background:transparent;color:var(--text-muted, #6B7280);font-weight:500;font-size:.74rem;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .15s ease}.opname-status-btn.active{background:var(--surface, #FFFFFF);color:var(--primary, #D2462D);font-weight:700;box-shadow:0 1px 2px #0000000d}.opname-actions-row{display:flex;align-items:center;gap:8px;margin-left:auto}@media(max-width:767px){.opname-controls-bar{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.opname-search-wrap{width:100%!important}.opname-search-input{height:38px!important;font-size:.82rem!important}.opname-status-pills{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:4px!important;box-sizing:border-box!important}.opname-status-btn{flex:1 1 calc(33.333% - 4px)!important;text-align:center!important;padding:6px 4px!important;font-size:.74rem!important;white-space:nowrap!important}.opname-actions-row{width:100%!important;margin-left:0!important;gap:8px!important;display:flex!important}.opname-btn-refresh{flex:0 0 auto!important;height:38px!important;padding:0 14px!important}.opname-btn-add{flex:1 1 auto!important;height:38px!important;justify-content:center!important}}.waste-mobile-card,.opname-mobile-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box;margin-bottom:8px}@media(max-width:767px){.waste-desktop-table,.opname-desktop-table{display:none!important}.waste-mobile-list,.opname-mobile-list{display:flex!important;flex-direction:column!important;gap:8px!important}}@media(min-width:768px){.waste-desktop-table,.opname-desktop-table{display:block!important}.waste-mobile-list,.opname-mobile-list{display:none!important}}.audit-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:767px){.audit-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}[data-theme=dark] .stock-mobile-card,body.dark-mode .stock-mobile-card,.dark .stock-mobile-card,[data-theme=dark] .waste-mobile-card,body.dark-mode .waste-mobile-card,.dark .waste-mobile-card,[data-theme=dark] .opname-mobile-card,body.dark-mode .opname-mobile-card,.dark .opname-mobile-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .stock-tab-select-mobile,body.dark-mode .stock-tab-select-mobile,.dark .stock-tab-select-mobile{background-color:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .stock-card-qty-box,body.dark-mode .stock-card-qty-box,.dark .stock-card-qty-box,[data-theme=dark] .stock-movement-mob-card,body.dark-mode .stock-movement-mob-card,.dark .stock-movement-mob-card{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .stock-detail-card,body.dark-mode .stock-detail-card,.dark .stock-detail-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .stock-drawer-footer,body.dark-mode .stock-drawer-footer,.dark .stock-drawer-footer{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .stock-drawer-footer-actions .btn-action-detail,body.dark-mode .stock-drawer-footer-actions .btn-action-detail,.dark .stock-drawer-footer-actions .btn-action-detail{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}.mi-page-container{width:100%;max-width:1400px;margin:0 auto;padding:20px 24px;box-sizing:border-box;color:var(--text-main, #252525)}@media(max-width:767px){.mi-page-container{padding:12px}}@media(max-width:380px){.mi-page-container{padding:8px}}.mi-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;width:100%;box-sizing:border-box}.mi-header-title-col{flex:0 1 auto;min-width:0}.mi-main-title{font-size:1.75rem;font-weight:800;color:var(--text-main, #252525);margin:0 0 3px;line-height:1.2;letter-spacing:-.4px}.mi-title-desktop{display:inline}.mi-title-mobile{display:none}.mi-page-subtitle{font-size:.9rem;color:var(--text-muted, #6B7280);margin:0;line-height:1.35}.mi-subtitle-desktop{display:inline}.mi-subtitle-mobile{display:none}.mi-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:nowrap}.mi-secondary-actions-row,.mi-secondary-actions-row .export-button-group{display:flex;align-items:center;gap:8px}@media(max-width:767px){.mi-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:14px;width:100%}.mi-header-title-col{width:100%;margin:0;padding:0}.mi-title-desktop{display:none}.mi-title-mobile{display:inline}.mi-subtitle-desktop{display:none}.mi-subtitle-mobile{display:inline}.mi-main-title{font-size:1.25rem;margin:0 0 2px;line-height:1.25}.mi-page-subtitle{font-size:.78rem;margin:0;line-height:1.3}.mi-header-actions{width:100%;display:flex;flex-direction:column;gap:8px;margin:0;padding:0}.mi-btn-tambah{width:100%;height:44px!important;justify-content:center;font-size:.85rem;box-sizing:border-box}.mi-secondary-actions-row{width:100%;display:flex;gap:8px;box-sizing:border-box}.mi-secondary-actions-row .export-button-group{display:flex;flex:2;gap:8px;width:100%}.mi-secondary-actions-row .export-dropdown-wrapper{flex:1;width:100%}.mi-secondary-actions-row .export-btn-action,.mi-secondary-actions-row .print-btn-action,.mi-secondary-actions-row .mi-btn-refresh{width:100%;height:44px!important;justify-content:center;font-size:.8rem;padding:0 8px;box-sizing:border-box}.mi-secondary-actions-row .mi-btn-refresh{flex:1}}.mi-btn-tambah{background:var(--primary, #D2462D)!important;color:#fff!important;border:1px solid var(--primary, #D2462D)!important;border-radius:8px;font-weight:700;font-size:.84rem;height:38px;padding:0 16px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 3px #d2462d33;white-space:nowrap}.mi-btn-tambah:hover{background:#b83b26!important;border-color:#b83b26!important;transform:translateY(-1px)}.mi-btn-refresh{background:var(--surface, #FFFFFF)!important;color:var(--text-main, #252525)!important;border:1px solid var(--border, #E5E7EB)!important;border-radius:8px;font-weight:600;font-size:.84rem;height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.mi-btn-refresh:hover:not(:disabled){background:var(--surface-2, #F1F5F9)!important;border-color:var(--text-muted, #6B7280)!important}.mi-insight-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%}.mi-insight-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.mi-insight-title{margin:0;font-size:.94rem;font-weight:800;color:var(--text-main, #252525);display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.mi-insight-title svg{color:var(--primary, #D2462D);flex-shrink:0}.mi-insight-subtitle{margin:3px 0 0;font-size:.75rem;color:var(--text-muted, #6B7280);line-height:1.35}.mi-insight-badge{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:6px;border:1px solid transparent;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.mi-insight-badge.is-ready{background:#16a34a1a;color:#16a34a;border-color:#16a34a40}.mi-insight-badge.is-warning{background:#d977061a;color:#d97706;border-color:#d9770640}.mi-insight-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:center}.mi-insight-left{display:flex;flex-direction:column;gap:10px;min-width:0}.mi-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mi-metric-box{background:var(--surface-2, #F1F5F9);padding:10px 12px;border-radius:8px;border:1px solid var(--border, #E5E7EB);box-sizing:border-box}.mi-metric-label{font-size:.68rem;font-weight:700;color:var(--text-muted, #6B7280);text-transform:uppercase;letter-spacing:.3px;display:block}.mi-metric-val{font-size:1.28rem;font-weight:800;color:var(--text-main, #252525);margin-top:2px;line-height:1.2}.mi-metric-val.is-green{color:#16a34a}.mi-metric-val-unit{font-size:.78rem;font-weight:500;color:var(--text-muted, #6B7280);margin-left:2px}.mi-metric-val-sub{font-size:.72rem;font-weight:600;color:var(--danger, #DC2626);margin-left:4px}.mi-progress-card{background:var(--surface-2, #F1F5F9);padding:10px 12px;border-radius:8px;border:1px solid var(--border, #E5E7EB);box-sizing:border-box}.mi-progress-label-row{display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;margin-bottom:5px;gap:8px}.mi-progress-label-raw{color:var(--primary, #D2462D)}.mi-progress-label-pack{color:#2563eb}.mi-progress-track{width:100%;height:8px;background:var(--border, #E5E7EB);border-radius:999px;overflow:hidden;display:flex}.mi-progress-bar-raw{background:var(--primary, #D2462D);transition:width .3s ease}.mi-progress-bar-pack{background:#2563eb;transition:width .3s ease}.mi-progress-desc-row{display:flex;justify-content:space-between;font-size:.68rem;color:var(--text-muted, #6B7280);margin-top:5px;gap:8px}.mi-interpretation-box{font-size:.76rem;color:var(--text-main, #252525);background:var(--surface-2, #F1F5F9);padding:8px 10px;border-radius:6px;border-left:3px solid var(--primary, #D2462D);border-top:1px solid var(--border, #E5E7EB);border-right:1px solid var(--border, #E5E7EB);border-bottom:1px solid var(--border, #E5E7EB);display:flex;align-items:center;gap:8px;line-height:1.4}.mi-interpretation-box svg{color:var(--primary, #D2462D);flex-shrink:0}.mi-insight-right{display:flex;justify-content:center;min-width:0;width:100%}@media(max-width:900px){.mi-insight-grid{grid-template-columns:1fr;gap:14px}}@media(max-width:640px){.mi-insight-card{padding:12px 14px;border-radius:10px;margin-bottom:12px}.mi-insight-header{margin-bottom:10px;gap:8px}.mi-insight-title{font-size:.88rem}.mi-insight-subtitle{font-size:.72rem}.mi-metric-box{padding:8px 10px}.mi-metric-val{font-size:1.15rem}.mi-progress-card{padding:8px 10px}.mi-progress-desc-row{flex-direction:column;gap:2px}}.mi-segmented-tabs-wrapper{display:flex;align-items:center;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-bottom:14px;width:100%;box-sizing:border-box}.mi-segmented-tabs-wrapper::-webkit-scrollbar{height:4px}.mi-segmented-tabs-wrapper::-webkit-scrollbar-thumb{background:var(--border, #E5E7EB);border-radius:4px}.mi-tab-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:20px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);color:var(--text-muted, #6B7280);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.mi-tab-btn:hover{background:var(--surface-2, #F1F5F9);color:var(--text-main, #252525);border-color:var(--border, #E5E7EB)}.mi-tab-btn.active{background:var(--primary, #D2462D)!important;border-color:var(--primary, #D2462D)!important;color:#fff!important;box-shadow:0 2px 6px #d2462d40}.mi-tab-btn.active svg{color:#fff!important}@media(max-width:640px){.mi-segmented-tabs-wrapper{gap:6px;margin-bottom:12px}.mi-tab-btn{flex:1 1 auto;padding:7px 10px;font-size:.76rem;border-radius:8px}}.mi-filter-controls-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:10px;padding:10px 14px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-sizing:border-box;width:100%}.mi-search-wrapper{position:relative;flex:1 1 240px;min-width:0;display:flex;align-items:center}.mi-search-icon{position:absolute;left:10px;color:var(--text-muted, #6B7280);pointer-events:none}.mi-search-input{width:100%;height:36px;padding:0 32px 0 34px;background:var(--surface-2, #F1F5F9);border:1px solid var(--border, #E5E7EB);border-radius:8px;font-size:.82rem;color:var(--text-main, #252525);outline:none;transition:border-color .15s ease;box-sizing:border-box}.mi-search-input:focus{border-color:var(--primary, #D2462D);background:var(--surface, #FFFFFF)}.mi-search-clear-btn{position:absolute;right:8px;background:transparent;border:none;color:var(--text-muted, #6B7280);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.mi-search-clear-btn:hover{color:var(--text-main, #252525)}.mi-filter-right-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mi-status-pill-group{display:inline-flex;background:var(--surface-2, #F1F5F9);padding:2px;border-radius:8px;border:1px solid var(--border, #E5E7EB);box-sizing:border-box}.mi-status-btn{background:transparent;border:none;padding:6px 12px;border-radius:6px;font-size:.76rem;font-weight:600;color:var(--text-muted, #6B7280);cursor:pointer;transition:all .15s ease;white-space:nowrap}.mi-status-btn.active{background:var(--surface, #FFFFFF);color:var(--primary, #D2462D);font-weight:800;box-shadow:0 1px 3px #00000014}.mi-status-btn.active.is-active-filter{color:#16a34a}.mi-status-btn.active.is-inactive-filter{color:var(--danger, #DC2626)}.mi-category-select{height:36px;padding:0 28px 0 10px;background:var(--surface-2, #F1F5F9);border:1px solid var(--border, #E5E7EB);border-radius:8px;font-size:.8rem;color:var(--text-main, #252525);font-weight:600;cursor:pointer;outline:none;box-sizing:border-box}.mi-category-select:focus{border-color:var(--primary, #D2462D)}.mi-btn-reset{height:36px;padding:0 12px;background:transparent;border:1px dashed var(--border, #E5E7EB);border-radius:8px;color:var(--text-muted, #6B7280);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.mi-btn-reset:hover{background:var(--surface-2, #F1F5F9);color:var(--primary, #D2462D);border-color:var(--primary, #D2462D)}@media(max-width:767px){.mi-filter-controls-card{padding:10px;gap:8px;flex-direction:column;align-items:stretch;margin-bottom:12px}.mi-search-wrapper{width:100%;flex:none}.mi-filter-right-group{width:100%;display:flex;flex-direction:column;gap:8px}.mi-status-pill-group{width:100%;display:flex}.mi-status-btn{flex:1;text-align:center;padding:7px 4px;font-size:.72rem}.mi-category-select{width:100%}.mi-btn-reset{width:100%;text-align:center}}.mi-table-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-xs);width:100%;box-sizing:border-box}.mi-desktop-table-container{display:block;width:100%;overflow-x:auto}.mi-desktop-table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem;color:var(--text-main, #252525)}.mi-desktop-table thead{background:var(--table-head-bg, #F1F5F9);border-bottom:1px solid var(--border, #E5E7EB)}.mi-desktop-table th{padding:10px 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #6B7280);white-space:nowrap}.mi-desktop-table td{padding:10px 12px;border-bottom:1px solid var(--border, #E5E7EB);vertical-align:middle}.mi-desktop-table tbody tr:hover{background:var(--surface-2, #F8FAFC)}.mi-desktop-table tbody tr.row-inactive{opacity:.55;background:var(--surface-2, #F1F5F9)}.mi-sku-tag{font-size:.76rem;color:var(--text-muted, #6B7280);font-weight:600}.mi-item-name-cell strong{font-size:.88rem;color:var(--text-main, #252525);display:block}.mi-item-purpose-sub{font-size:.72rem;color:var(--text-muted, #6B7280);margin-top:1px}.mi-unit-tag{background:var(--surface-2, #F1F5F9);border:1px solid var(--border, #E5E7EB);padding:2px 6px;border-radius:4px;font-size:.72rem;font-weight:700;color:var(--text-main, #252525);display:inline-block}.mi-hpp-amount{color:var(--primary, #D2462D);font-weight:800;font-size:.9rem}.mi-action-btns-wrap{display:inline-flex;align-items:center;gap:6px}.mi-row-btn-edit{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--border, #E5E7EB);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.mi-row-btn-edit:hover{background:var(--surface-2, #F1F5F9);border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}.mi-row-btn-detail{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--border, #E5E7EB);background:var(--surface-2, #F1F5F9);color:var(--text-main, #252525);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.mi-row-btn-detail:hover{background:var(--border, #E5E7EB);color:var(--primary, #D2462D)}.mi-mobile-cards-list{display:none}@media(max-width:767px){.mi-desktop-table-container{display:none!important}.mi-mobile-cards-list{display:flex!important;flex-direction:column;gap:10px;width:100%;padding:0;margin:0;box-sizing:border-box}}.mi-mobile-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:all .18s ease;box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%}.mi-mobile-card:hover,.mi-mobile-card:active{border-color:var(--primary, #D2462D);background:var(--surface-2, #F8FAFC)}.mi-card-top-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mi-card-sku{font-size:.74rem;color:var(--text-muted, #6B7280);font-weight:700}.mi-card-top-badges{display:flex;align-items:center;gap:6px}.mi-card-type-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:5px;font-size:.68rem;font-weight:700}.mi-card-status-badge{padding:2px 7px;border-radius:5px;font-size:.68rem;font-weight:700}.mi-card-status-badge.active{background:#16a34a1f;color:#16a34a}.mi-card-status-badge.inactive{background:#6b728026;color:var(--text-muted, #6B7280)}.mi-card-name-row{margin:2px 0 0}.mi-card-item-name{margin:0;font-size:.95rem;font-weight:800;color:var(--text-main, #252525);line-height:1.3}.mi-card-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:2px 0}.mi-card-info-item{font-size:.75rem;color:var(--text-muted, #6B7280);display:flex;align-items:baseline;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-card-info-item.mi-col-span-2{grid-column:span 2}.mi-info-label{color:var(--text-muted, #6B7280);flex-shrink:0}.mi-info-value{color:var(--text-main, #252525);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mi-info-unit{font-size:.68rem;color:var(--text-muted, #6B7280)}.mi-card-hpp-banner{background:var(--surface-2, #F1F5F9);border:1px solid var(--border, #E5E7EB);border-radius:8px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;margin:2px 0}.mi-hpp-label{font-size:.72rem;font-weight:700;color:var(--text-muted, #6B7280);letter-spacing:.3px}.mi-hpp-value{font-size:.95rem;font-weight:800;color:var(--primary, #D2462D)}.mi-card-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;padding-top:6px;border-top:1px solid var(--border, #E5E7EB)}.mi-card-btn{height:44px;min-height:42px;border-radius:8px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.mi-card-btn-edit{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);color:var(--text-main, #252525)}.mi-card-btn-edit:hover,.mi-card-btn-edit:active{background:var(--surface-2, #F1F5F9);border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}.mi-card-btn-detail{background:var(--surface-2, #F1F5F9);border:1px solid var(--border, #E5E7EB);color:var(--text-main, #252525)}.mi-card-btn-detail:hover,.mi-card-btn-detail:active{background:var(--border, #E5E7EB);color:var(--primary, #D2462D)}.mi-drawer-overlay{z-index:1100!important;justify-content:flex-end;padding:0;display:flex}.mi-drawer-card-right{width:440px;max-width:100%;height:100vh;background:var(--surface, #FFFFFF);border-left:1px solid var(--border, #E5E7EB);display:flex;flex-direction:column;box-shadow:-4px 0 24px #00000026;box-sizing:border-box;animation:slideInRight .2s ease-out}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:640px){.mi-drawer-overlay{align-items:flex-end!important;justify-content:center!important}.mi-drawer-card-right{width:100%!important;max-width:100%!important;height:auto!important;max-height:92vh!important;border-radius:16px 16px 0 0!important;margin-top:auto;border-left:none!important;border-top:1px solid var(--border, #E5E7EB);box-shadow:0 -8px 30px #00000040;animation:slideInUp .2s ease-out}}.mi-drawer-header{padding:14px 18px;border-bottom:1px solid var(--border, #E5E7EB);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.mi-drawer-header-info{min-width:0;flex:1}.mi-drawer-sku{font-size:.74rem;color:var(--text-muted, #6B7280);font-weight:700;display:block}.mi-drawer-title{font-size:1.15rem;font-weight:800;margin:2px 0 0;color:var(--text-main, #252525);line-height:1.25}.mi-drawer-close{background:transparent;border:none;color:var(--text-muted, #6B7280);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.mi-drawer-close:hover{background:var(--surface-2, #F1F5F9);color:var(--text-main, #252525)}.mi-drawer-body{padding:14px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;display:flex;flex-direction:column;gap:12px}.mi-drawer-badges-row{display:flex;gap:6px;flex-wrap:wrap}.mi-drawer-badge{padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700}.mi-drawer-badge-neutral{background:var(--surface-2, #F1F5F9);color:var(--text-muted, #6B7280)}.mi-badge-active{background:#16a34a1f;color:#16a34a}.mi-badge-inactive{background:#6b728026;color:var(--text-muted, #6B7280)}.mi-drawer-section-card{background:var(--surface-2, #F1F5F9);padding:12px 14px;border-radius:10px;border:1px solid var(--border, #E5E7EB);box-sizing:border-box}.mi-section-title{font-size:.72rem;font-weight:800;color:var(--text-muted, #6B7280);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:8px}.mi-drawer-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.mi-drawer-price-item{display:flex;flex-direction:column;gap:2px}.mi-price-sublabel{font-size:.7rem;color:var(--text-muted, #6B7280)}.mi-price-amount{font-weight:800;font-size:.92rem;color:var(--text-main, #252525)}.mi-drawer-hpp-item{grid-column:span 2;margin-top:4px;padding-top:8px;border-top:1px dashed var(--border, #E5E7EB);display:flex;align-items:baseline;justify-content:space-between}.mi-hpp-sublabel{font-size:.74rem;font-weight:700;color:var(--text-muted, #6B7280)}.mi-hpp-highlight{font-size:1.05rem;font-weight:800;color:var(--primary, #D2462D)}.mi-hpp-sub-unit{font-size:.72rem;font-weight:500;color:var(--text-muted, #6B7280)}.mi-grid-span-2{grid-column:span 2}.mi-drawer-supplier-content{display:flex;flex-direction:column;gap:6px}.mi-drawer-supplier-name-row{display:flex;align-items:center;gap:6px}.mi-drawer-supplier-name{font-size:.88rem;color:var(--text-main, #252525)}.mi-drawer-supplier-contact{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text-muted, #6B7280)}.mi-drawer-purpose-row{font-size:.76rem;color:var(--text-muted, #6B7280);display:flex;gap:4px}.mi-purpose-value{color:var(--text-main, #252525)}.mi-drawer-relations-list{margin:0;padding-left:18px;font-size:.78rem;color:var(--text-main, #252525);display:flex;flex-direction:column;gap:4px}.mi-drawer-intermediate-card{background:#8e44ad14;padding:12px 14px;border-radius:10px;border:1px solid rgba(142,68,173,.25)}.mi-intermediate-badge{font-size:.72rem;font-weight:800;color:#8e44ad;text-transform:uppercase;display:flex;align-items:center;gap:6px}.mi-intermediate-desc{margin:4px 0 0;font-size:.76rem;color:var(--text-main, #252525);line-height:1.35}.mi-drawer-footer{padding:10px 16px;border-top:1px solid var(--border, #E5E7EB);background:var(--surface-2, #F1F5F9);display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;flex-shrink:0}.mi-drawer-footer-btn{height:44px;border-radius:8px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.mi-btn-tutup{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);color:var(--text-main, #252525)}.mi-btn-tutup:hover{background:var(--border, #E5E7EB)}.mi-btn-edit{background:var(--primary, #D2462D);border:1px solid var(--primary, #D2462D);color:#fff}.mi-btn-edit:hover{background:#b83b26;border-color:#b83b26}.mi-btn-delete{background:transparent;border:1px solid rgba(220,38,38,.4);color:var(--danger, #DC2626)}.mi-btn-delete:hover{background:#dc262614}.mi-btn-reactivate{background:#16a34a;border:1px solid #16A34A;color:#fff}.mi-btn-reactivate:hover{background:#15803d}.mi-table-state-box{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted, #6B7280)}.mi-table-state-box h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-main, #252525)}.mi-table-state-box p{margin:0;font-size:.82rem;color:var(--text-muted, #6B7280)}[data-theme=dark] .mi-page-container,.dark-theme .mi-page-container{background:#181a1f;color:#f1f5f9}[data-theme=dark] .mi-insight-card,.dark-theme .mi-insight-card,[data-theme=dark] .mi-filter-controls-card,.dark-theme .mi-filter-controls-card,[data-theme=dark] .mi-table-card,.dark-theme .mi-table-card,[data-theme=dark] .mi-mobile-card,.dark-theme .mi-mobile-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .mi-metric-box,.dark-theme .mi-metric-box,[data-theme=dark] .mi-progress-card,.dark-theme .mi-progress-card,[data-theme=dark] .mi-interpretation-box,.dark-theme .mi-interpretation-box,[data-theme=dark] .mi-card-hpp-banner,.dark-theme .mi-card-hpp-banner,[data-theme=dark] .mi-search-input,.dark-theme .mi-search-input,[data-theme=dark] .mi-status-pill-group,.dark-theme .mi-status-pill-group,[data-theme=dark] .mi-category-select,.dark-theme .mi-category-select,[data-theme=dark] .mi-tab-btn,.dark-theme .mi-tab-btn,[data-theme=dark] .mi-btn-refresh,.dark-theme .mi-btn-refresh,[data-theme=dark] .mi-card-btn-edit,.dark-theme .mi-card-btn-edit,[data-theme=dark] .mi-card-btn-detail,.dark-theme .mi-card-btn-detail,[data-theme=dark] .mi-row-btn-edit,.dark-theme .mi-row-btn-edit,[data-theme=dark] .mi-row-btn-detail,.dark-theme .mi-row-btn-detail,[data-theme=dark] .mi-unit-tag,.dark-theme .mi-unit-tag,[data-theme=dark] .mi-drawer-section-card,.dark-theme .mi-drawer-section-card,[data-theme=dark] .mi-drawer-footer,.dark-theme .mi-drawer-footer,[data-theme=dark] .mi-btn-tutup,.dark-theme .mi-btn-tutup{background:#1a1d23!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .mi-desktop-table thead,.dark-theme .mi-desktop-table thead{background:#1a1d23!important;border-color:#2d333e!important}[data-theme=dark] .mi-desktop-table th,.dark-theme .mi-desktop-table th{color:#aab4c3!important}[data-theme=dark] .mi-desktop-table td,.dark-theme .mi-desktop-table td{border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .mi-desktop-table tbody tr:hover,.dark-theme .mi-desktop-table tbody tr:hover{background:#282d37!important}[data-theme=dark] .mi-desktop-table tbody tr.row-inactive,.dark-theme .mi-desktop-table tbody tr.row-inactive{background:#16181d!important;opacity:.55}[data-theme=dark] .mi-mobile-card:hover,.dark-theme .mi-mobile-card:hover,[data-theme=dark] .mi-mobile-card:active,.dark-theme .mi-mobile-card:active{background:#282d37!important;border-color:#d2462d!important}[data-theme=dark] .mi-status-btn.active,.dark-theme .mi-status-btn.active{background:#2d333e!important;color:#d2462d!important}[data-theme=dark] .mi-status-btn.active.is-active-filter,.dark-theme .mi-status-btn.active.is-active-filter{color:#22c55e!important}[data-theme=dark] .mi-status-btn.active.is-inactive-filter,.dark-theme .mi-status-btn.active.is-inactive-filter{color:#ef4444!important}[data-theme=dark] .mi-tab-btn.active,.dark-theme .mi-tab-btn.active{background:#d2462d!important;border-color:#d2462d!important;color:#fff!important}[data-theme=dark] .mi-drawer-card-right,.dark-theme .mi-drawer-card-right{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .mi-drawer-header,.dark-theme .mi-drawer-header{border-color:#2d333e!important}[data-theme=dark] .mi-main-title,.dark-theme .mi-main-title,[data-theme=dark] .mi-insight-title,.dark-theme .mi-insight-title,[data-theme=dark] .mi-metric-val,.dark-theme .mi-metric-val,[data-theme=dark] .mi-card-item-name,.dark-theme .mi-card-item-name,[data-theme=dark] .mi-info-value,.dark-theme .mi-info-value,[data-theme=dark] .mi-drawer-title,.dark-theme .mi-drawer-title,[data-theme=dark] .mi-price-amount,.dark-theme .mi-price-amount,[data-theme=dark] .mi-drawer-supplier-name,.dark-theme .mi-drawer-supplier-name,[data-theme=dark] .mi-purpose-value,.dark-theme .mi-purpose-value{color:#f1f5f9!important}[data-theme=dark] .mi-page-subtitle,.dark-theme .mi-page-subtitle,[data-theme=dark] .mi-insight-subtitle,.dark-theme .mi-insight-subtitle,[data-theme=dark] .mi-metric-label,.dark-theme .mi-metric-label,[data-theme=dark] .mi-metric-val-unit,.dark-theme .mi-metric-val-unit,[data-theme=dark] .mi-info-label,.dark-theme .mi-info-label,[data-theme=dark] .mi-card-sku,.dark-theme .mi-card-sku,[data-theme=dark] .mi-hpp-label,.dark-theme .mi-hpp-label,[data-theme=dark] .mi-sku-tag,.dark-theme .mi-sku-tag,[data-theme=dark] .mi-drawer-sku,.dark-theme .mi-drawer-sku,[data-theme=dark] .mi-section-title,.dark-theme .mi-section-title,[data-theme=dark] .mi-price-sublabel,.dark-theme .mi-price-sublabel,[data-theme=dark] .mi-hpp-sublabel,.dark-theme .mi-hpp-sublabel,[data-theme=dark] .mi-drawer-supplier-contact,.dark-theme .mi-drawer-supplier-contact{color:#aab4c3!important}.mi-modal-overlay{z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.mi-modal-card{width:520px;max-width:95vw;max-height:90vh;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;animation:modalScaleIn .18s ease-out}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.mi-modal-header{padding:14px 18px;border-bottom:1px solid var(--border, #E5E7EB);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--surface, #FFFFFF)}.mi-modal-header-title{display:flex;align-items:center;gap:8px}.mi-modal-header-icon{color:var(--primary, #D2462D);flex-shrink:0}.mi-modal-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-main, #252525);line-height:1.25}.mi-modal-close-btn{background:transparent;border:none;color:var(--text-muted, #6B7280);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.mi-modal-close-btn:hover{background:var(--surface-2, #F1F5F9);color:var(--text-main, #252525)}.mi-modal-body{padding:14px 18px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;display:flex;flex-direction:column;gap:10px}.mi-modal-error{padding:8px 12px;font-size:.78rem;margin-bottom:2px}.mi-modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mi-form-group{display:flex;flex-direction:column;gap:4px}.mi-form-label{font-size:.75rem;font-weight:700;color:var(--text-muted, #6B7280);line-height:1.2}.mi-form-input,.mi-form-select{width:100%;height:38px;padding:0 12px;background:var(--surface-2, #F1F5F9);border:1px solid var(--border, #E5E7EB);border-radius:8px;font-size:.82rem;color:var(--text-main, #252525);outline:none;box-sizing:border-box;transition:border-color .15s ease}.mi-form-input:focus,.mi-form-select:focus{border-color:var(--primary, #D2462D);background:var(--surface, #FFFFFF)}.mi-form-input-hpp{color:var(--primary, #D2462D)!important}.mi-modal-footer{padding:10px 18px;border-top:1px solid var(--border, #E5E7EB);background:var(--surface-2, #F1F5F9);display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.mi-modal-btn-batal{height:38px;padding:0 16px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);color:var(--text-main, #252525);transition:all .15s ease}.mi-modal-btn-batal:hover{background:var(--border, #E5E7EB)}.mi-modal-btn-simpan{height:38px;padding:0 18px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-sizing:border-box}@media(max-width:640px){.mi-modal-overlay{padding:8px;align-items:flex-end}.mi-modal-card{width:100%;max-width:100vw;max-height:88vh;border-radius:14px 14px 0 0;animation:slideInUp .2s ease-out}.mi-modal-grid-2{grid-template-columns:1fr;gap:8px}.mi-modal-header{padding:12px 14px}.mi-modal-body{padding:12px 14px;gap:8px}.mi-form-input,.mi-form-select{height:42px}.mi-modal-footer{padding:10px 14px}.mi-modal-btn-batal,.mi-modal-btn-simpan{flex:1;height:44px;justify-content:center}}[data-theme=dark] .mi-modal-card,.dark-theme .mi-modal-card,[data-theme=dark] .mi-modal-header,.dark-theme .mi-modal-header{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .mi-modal-title,.dark-theme .mi-modal-title{color:#f1f5f9!important}[data-theme=dark] .mi-form-label,.dark-theme .mi-form-label{color:#aab4c3!important}[data-theme=dark] .mi-form-input,.dark-theme .mi-form-input,[data-theme=dark] .mi-form-select,.dark-theme .mi-form-select{background:#1a1d23!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .mi-form-input:focus,.dark-theme .mi-form-input:focus,[data-theme=dark] .mi-form-select:focus,.dark-theme .mi-form-select:focus{border-color:#d2462d!important;background:#22262e!important}[data-theme=dark] .mi-modal-footer,.dark-theme .mi-modal-footer{background:#1a1d23!important;border-color:#2d333e!important}[data-theme=dark] .mi-modal-btn-batal,.dark-theme .mi-modal-btn-batal{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}.recipe-management-page{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}.recipe-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;width:100%;box-sizing:border-box}.recipe-header-title-col{flex:0 1 auto;min-width:0}.recipe-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0;justify-content:flex-end;flex-wrap:wrap}.recipe-primary-actions-row,.recipe-secondary-actions-row,.recipe-secondary-actions-row .export-button-group{display:flex;align-items:center;gap:8px}.recipe-btn-tambah{background:var(--primary, #D2462D)!important;color:#fff!important;border:1px solid var(--primary, #D2462D)!important;border-radius:8px;font-weight:700;font-size:.84rem;height:38px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-shadow:0 1px 3px #d2462d33}.recipe-btn-tambah:hover{background:#b83b26!important;border-color:#b83b26!important;transform:translateY(-1px)}.recipe-btn-kategori{background:var(--surface, #FFFFFF)!important;color:var(--text-main, #252525)!important;border:1px solid var(--border, #E5E7EB)!important;border-radius:8px;font-weight:600;font-size:.84rem;height:38px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.recipe-btn-kategori:hover{background:var(--surface-2, #F8FAFC)!important;border-color:var(--text-muted, #6B7280)!important}.recipe-btn-refresh{background:var(--surface, #FFFFFF)!important;color:var(--text-main, #252525)!important;border:1px solid var(--border, #E5E7EB)!important;border-radius:8px;font-weight:600;font-size:.84rem;height:38px;width:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.recipe-btn-refresh:hover:not(:disabled){background:var(--surface-2, #F8FAFC)!important;border-color:var(--text-muted, #6B7280)!important}@media(max-width:767px){.recipe-page-header{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:12px}.recipe-header-actions{width:100%;display:flex;flex-direction:column;gap:8px}.recipe-primary-actions-row{width:100%;display:flex;gap:8px}.recipe-primary-actions-row .recipe-btn-tambah,.recipe-primary-actions-row .recipe-btn-kategori{flex:1;height:44px!important;justify-content:center;font-size:.84rem;box-sizing:border-box}.recipe-secondary-actions-row{width:100%;display:flex;gap:8px}.recipe-secondary-actions-row .export-button-group{display:flex;flex:2;gap:8px;width:100%}.recipe-secondary-actions-row .export-dropdown-wrapper{flex:1;width:100%}.recipe-secondary-actions-row .export-btn-action,.recipe-secondary-actions-row .print-btn-action,.recipe-secondary-actions-row .recipe-btn-refresh{width:100%;height:44px!important;justify-content:center;font-size:.8rem;box-sizing:border-box;padding:0 8px}.recipe-secondary-actions-row .recipe-btn-refresh{flex:1}}@media(max-width:767px){.recipe-filter-toolbar{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 12px!important;margin-bottom:14px!important}.recipe-filter-toolbar>div:first-child{grid-column:1 / -1!important}.recipe-filter-toolbar>div:last-child{grid-column:1 / -1!important}.recipe-filter-toolbar>div:last-child button{width:100%!important;height:38px!important;justify-content:center!important}.recipe-filter-toolbar select,.recipe-filter-toolbar input{width:100%!important;height:38px!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important;box-sizing:border-box!important}}.recipe-mobile-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,border-color .15s ease;box-sizing:border-box;width:100%}.recipe-mobile-card:active{transform:scale(.99)}.recipe-card-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.recipe-card-title{font-size:.92rem;font-weight:800;color:var(--text-main, #252525);line-height:1.25;word-break:break-word}.recipe-card-sku-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.recipe-card-sku{font-size:.74rem;color:var(--text-muted, #6B7280);background:var(--surface-2, #F8FAFC);padding:2px 6px;border-radius:4px;border:1px solid var(--border, #E5E7EB)}.recipe-status-badge{font-size:.7rem;font-weight:800;padding:2px 7px;border-radius:6px;text-transform:capitalize;display:inline-block}.recipe-status-badge.active{background:#27ae6026;color:#16a34a}.recipe-status-badge.inactive{background:#e74c3c26;color:var(--error, #E74C3C)}.recipe-card-meta-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.76rem;padding:2px 0}.recipe-card-category{font-weight:700;color:var(--text-main, #252525)}.recipe-card-variant{color:var(--text-muted, #6B7280)}.recipe-card-financial-box{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E5E7EB);padding:8px 10px;border-radius:8px;box-sizing:border-box}.recipe-financial-col{display:flex;flex-direction:column;gap:2px}.recipe-financial-label{font-size:.68rem;color:var(--text-muted, #6B7280);text-transform:uppercase;font-weight:600;letter-spacing:.3px}.recipe-financial-val{font-size:.88rem;font-weight:800;white-space:nowrap}.recipe-financial-val.val-hpp{color:var(--primary, #D2462D)}.recipe-financial-val.val-price{color:var(--text-main, #252525)}.recipe-card-margin-row{display:flex;justify-content:flex-start;align-items:center}.recipe-margin-text{font-size:.74rem;font-weight:700}.recipe-margin-text.good{color:#16a34a}.recipe-margin-text.warning{color:#d97706}.recipe-btn-detail{width:100%!important;height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-size:.82rem!important;font-weight:600!important;border-radius:8px!important;box-sizing:border-box!important}@media(min-width:768px){.desktop-table-container{display:block!important}.mobile-transaction-cards-list{display:none!important}}@media(max-width:767px){.desktop-table-container{display:none!important}.mobile-transaction-cards-list{display:flex!important;flex-direction:column!important;gap:10px!important;padding:10px!important}}.recipe-detail-drawer-card{width:100%;max-width:620px;height:100vh;background:var(--surface, #FFFFFF);display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000040;box-sizing:border-box;animation:slideLeft .25s ease}@media(max-width:767px){.recipe-detail-modal-overlay{align-items:flex-end!important;justify-content:center!important;padding:0!important}.recipe-detail-drawer-card{width:100%!important;max-width:100%!important;height:92vh!important;max-height:92vh!important;border-top-left-radius:16px!important;border-top-right-radius:16px!important;box-shadow:0 -8px 32px #00000040!important;animation:slideUp .25s ease!important}.recipe-detail-header{padding:14px 16px!important}.recipe-detail-title{font-size:1.05rem!important}.recipe-detail-tabs button{padding:10px 8px!important;font-size:.78rem!important;white-space:normal!important;line-height:1.2!important}.recipe-detail-body{padding:14px!important;gap:14px!important}.recipe-overview-kpi-grid{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.recipe-overview-kpi-card{padding:8px!important}.recipe-overview-kpi-card strong{font-size:.88rem!important}.recipe-overview-meta-grid{grid-template-columns:1fr!important;gap:8px!important}.recipe-detail-footer{padding:10px 16px!important}}.desktop-recipe-components-table{display:block;border:1px solid var(--border, #E5E7EB);border-radius:8px;overflow:hidden}.mobile-recipe-components-list{display:none;flex-direction:column;gap:8px;width:100%}@media(max-width:767px){.desktop-recipe-components-table{display:none!important}.mobile-recipe-components-list{display:flex!important}}.recipe-component-mobile-card{background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E5E7EB);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.rc-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.rc-mobile-name{font-size:.86rem;font-weight:700;color:var(--text-main, #252525);word-break:break-word}.rc-mobile-actions{display:flex;align-items:center;gap:4px}.rc-mobile-qty{font-size:.78rem;font-weight:700;color:var(--text-muted, #6B7280)}.rc-mobile-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;margin-top:2px}.rc-mobile-label{color:var(--text-muted, #6B7280)}.rc-mobile-val{font-weight:600;color:var(--text-main, #252525)}.rc-mobile-val.rc-mobile-total{font-weight:800;color:var(--primary, #D2462D)}[data-theme=dark] .recipe-mobile-card,body.dark-mode .recipe-mobile-card,.dark .recipe-mobile-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .recipe-card-financial-box,body.dark-mode .recipe-card-financial-box,.dark .recipe-card-financial-box{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .recipe-card-sku,body.dark-mode .recipe-card-sku,.dark .recipe-card-sku{background:#181a1f!important;border-color:#2d333e!important;color:#aab4c3!important}[data-theme=dark] .recipe-component-mobile-card,body.dark-mode .recipe-component-mobile-card,.dark .recipe-component-mobile-card{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .recipe-btn-kategori,body.dark-mode .recipe-btn-kategori,.dark .recipe-btn-kategori,[data-theme=dark] .recipe-btn-refresh,body.dark-mode .recipe-btn-refresh,.dark .recipe-btn-refresh{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .recipe-detail-drawer-card,body.dark-mode .recipe-detail-drawer-card,.dark .recipe-detail-drawer-card{background:#22262e!important;border-color:#2d333e!important}.pb-page-container{width:100%;max-width:1400px;margin:0 auto;padding:16px 20px;box-sizing:border-box;color:var(--text-main, #252525)}@media(max-width:767px){.pb-page-container{padding:10px 12px 24px;overflow-x:hidden}}.pb-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;width:100%;box-sizing:border-box}.pb-header-left{display:flex;align-items:flex-start;gap:12px;min-width:0;flex:1}.pb-icon-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--primary-soft, rgba(210, 70, 45, .08));border:1px solid var(--primary-border, rgba(210, 70, 45, .2));color:var(--primary, #D2462D);flex-shrink:0}.pb-title{font-size:1.5rem;font-weight:800;color:var(--text-main, #252525);margin:0 0 2px;line-height:1.2;letter-spacing:-.3px}.pb-subtitle{font-size:.85rem;color:var(--text-muted, #64748B);margin:0;line-height:1.35}.pb-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:767px){.pb-header-row{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.pb-icon-badge{display:none}.pb-title{font-size:1.25rem}.pb-subtitle{font-size:.78rem;line-height:1.3}.pb-header-actions{display:flex;flex-direction:column;gap:6px;width:100%}.pb-btn-primary-mobile{width:100%;justify-content:center;height:38px}.pb-btn-secondary-mobile{width:100%;justify-content:center;height:34px}}.pb-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;width:100%;box-sizing:border-box}.pb-metric-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .15s ease,box-shadow .15s ease}.pb-metric-card:hover{border-color:var(--border-strong, #CBD5E1);box-shadow:var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, .05))}.pb-metric-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.pb-metric-label{font-size:.75rem;font-weight:600;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.5px}.pb-metric-value{font-size:1.45rem;font-weight:800;line-height:1.15;color:var(--text-main, #252525);font-family:var(--font-mono, monospace);margin-bottom:2px}.pb-metric-sub{font-size:.72rem;color:var(--text-muted, #64748B)}.pb-metric-warning .pb-metric-value,.pb-metric-warning .pb-metric-icon{color:#d97706}.pb-metric-success .pb-metric-value,.pb-metric-success .pb-metric-icon{color:#16a34a}.pb-metric-danger .pb-metric-value,.pb-metric-danger .pb-metric-icon{color:#dc2626}@media(max-width:767px){.pb-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.pb-metric-card{padding:8px 10px;border-radius:8px}.pb-metric-label{font-size:.7rem}.pb-metric-value{font-size:1.15rem}.pb-metric-sub{font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}.pb-filters-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;width:100%;box-sizing:border-box}.pb-filters-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:1}.pb-select-outlet{height:34px;padding:0 10px;font-size:.82rem;font-weight:500;border-radius:8px;border:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);cursor:pointer;outline:none;min-width:160px}.pb-select-outlet:focus{border-color:var(--primary, #D2462D)}.pb-status-segmented{display:inline-flex;align-items:center;background:var(--table-head-bg, #F1F5F9);border:1px solid var(--border, #E2E8F0);border-radius:8px;padding:2px;gap:2px}.pb-status-btn{padding:4px 10px;font-size:.75rem;font-weight:600;border-radius:6px;border:none;background:transparent;color:var(--text-muted, #64748B);cursor:pointer;transition:all .15s ease;white-space:nowrap}.pb-status-btn:hover{color:var(--text-main, #252525)}.pb-status-btn.active{background:var(--surface, #FFFFFF);color:var(--primary, #D2462D);box-shadow:0 1px 2px #0000000f}.pb-search-wrap{position:relative;width:260px;flex-shrink:0}.pb-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted, #64748B);pointer-events:none}.pb-search-input{width:100%;height:34px;padding:0 28px 0 32px;font-size:.82rem;border-radius:8px;border:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);box-sizing:border-box;outline:none}.pb-search-input:focus{border-color:var(--primary, #D2462D)}.pb-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--text-muted, #64748B);cursor:pointer;padding:2px;display:flex;align-items:center}@media(max-width:767px){.pb-filters-bar{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.pb-filters-left{flex-direction:column;align-items:stretch;gap:8px;width:100%}.pb-search-wrap{width:100%;order:-1}.pb-search-input{height:36px;font-size:.85rem}.pb-select-outlet{width:100%;height:36px;font-size:.85rem}.pb-status-segmented{width:100%;display:grid;grid-template-columns:repeat(4,1fr);box-sizing:border-box;padding:3px}.pb-status-btn{text-align:center;padding:6px 2px;font-size:.72rem;min-width:0;overflow:hidden;text-overflow:ellipsis}}.pb-table-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;overflow:hidden;box-sizing:border-box;width:100%}.pb-desktop-table-container{display:block;overflow-x:auto;width:100%}.pb-table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}.pb-table th{background:var(--table-head-bg, #F1F5F9);color:var(--table-head-text, #475569);padding:10px 12px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid var(--border, #E2E8F0);white-space:nowrap}.pb-table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle, #EDF2F7);vertical-align:middle}.pb-table tbody tr:hover{background:var(--table-row-hover, #F8FAFC)}.pb-batch-number{font-family:var(--font-mono, monospace);font-weight:700;color:var(--primary, #D2462D);font-size:.85rem}.pb-batch-creator{font-size:.7rem;color:var(--text-muted, #64748B);display:block}.pb-product-title{font-weight:600;color:var(--text-main, #252525);font-size:.85rem}.pb-product-sub{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-muted, #64748B);margin-top:2px}.pb-badge-code{padding:1px 5px;background:var(--surface-3, #E2E8F0);color:var(--text-main, #252525);border-radius:4px;font-family:var(--font-mono, monospace);font-size:.68rem;font-weight:600}.pb-badge-olahan{padding:1px 5px;background:#2563eb1a;color:#2563eb;border-radius:4px;font-size:.68rem;font-weight:600}.pb-status-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:9999px;font-size:.72rem;font-weight:700;letter-spacing:.3px;white-space:nowrap}.pb-status-draft{background:#d977061f;color:#b45309}.pb-status-completed{background:#16a34a1f;color:#15803d}.pb-status-void{background:#dc26261f;color:#b91c1c}.pb-action-btns{display:flex;align-items:center;justify-content:center;gap:5px}.pb-mobile-card-list{display:none;flex-direction:column;gap:10px;width:100%}.pb-mobile-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000a}.pb-mobile-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.pb-mobile-product-name{font-size:.92rem;font-weight:700;color:var(--text-main, #252525);line-height:1.25}.pb-mobile-meta-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px 12px;padding:8px;background:var(--table-head-bg, #F1F5F9);border-radius:8px;font-size:.75rem}.pb-mobile-meta-item{display:flex;flex-direction:column}.pb-mobile-meta-label{font-size:.65rem;color:var(--text-muted, #64748B);text-transform:uppercase}.pb-mobile-meta-val{font-weight:600;color:var(--text-main, #252525)}.pb-mobile-card-actions{display:flex;align-items:center;gap:6px;margin-top:4px}.pb-mobile-card-actions .btn{flex:1;justify-content:center;height:32px;font-size:.75rem;padding:0 8px}@media(max-width:767px){.pb-desktop-table-container{display:none!important}.pb-mobile-card-list{display:flex!important}}.pb-empty-state{padding:36px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface, #FFFFFF);border:1px dashed var(--border-strong, #CBD5E1);border-radius:12px;margin:8px 0}.pb-empty-icon{color:var(--text-muted, #64748B);opacity:.45;margin-bottom:10px}.pb-empty-title{font-size:1rem;font-weight:700;color:var(--text-main, #252525);margin-bottom:4px}.pb-empty-desc{font-size:.8rem;color:var(--text-muted, #64748B);max-width:360px;margin-bottom:16px;line-height:1.4}.pb-btn{display:inline-flex;align-items:center;gap:6px;padding:0 12px;height:34px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;border:none;outline:none;transition:all .15s ease;white-space:nowrap}.pb-btn-primary{background:var(--primary, #D2462D);color:#fff}.pb-btn-primary:hover{background:var(--primary-hover, #B83B26)}.pb-btn-outline{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);color:var(--text-main, #252525)}.pb-btn-outline:hover{background:var(--table-head-bg, #F1F5F9);border-color:var(--border-strong, #CBD5E1)}.pb-btn-danger-outline{background:transparent;border:1px solid rgba(220,38,38,.3);color:#dc2626}.pb-btn-danger-outline:hover{background:#dc262614}.pb-btn-xs{height:26px;padding:0 8px;font-size:.72rem;border-radius:6px}[data-theme=dark] .pb-page-container{color:var(--text-main, #F1F5F9)}[data-theme=dark] .pb-title{color:#f1f5f9}[data-theme=dark] .pb-subtitle{color:#aab4c3}[data-theme=dark] .pb-metric-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .pb-metric-card:hover{border-color:#3d4452}[data-theme=dark] .pb-metric-value{color:#f1f5f9}[data-theme=dark] .pb-metric-label,[data-theme=dark] .pb-metric-sub{color:#aab4c3}[data-theme=dark] .pb-metric-warning .pb-metric-value,[data-theme=dark] .pb-metric-warning .pb-metric-icon{color:#fbbf24}[data-theme=dark] .pb-metric-success .pb-metric-value,[data-theme=dark] .pb-metric-success .pb-metric-icon{color:#4ade80}[data-theme=dark] .pb-metric-danger .pb-metric-value,[data-theme=dark] .pb-metric-danger .pb-metric-icon{color:#f87171}[data-theme=dark] .pb-select-outlet,[data-theme=dark] .pb-search-input{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .pb-status-segmented{background:#181a1f;border-color:#2d333e}[data-theme=dark] .pb-status-btn{color:#aab4c3}[data-theme=dark] .pb-status-btn:hover{color:#f1f5f9}[data-theme=dark] .pb-status-btn.active{background:#20242a;color:#e56a55}[data-theme=dark] .pb-table-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .pb-table th{background:#181a1f;color:#aab4c3;border-bottom-color:#2d333e}[data-theme=dark] .pb-table td{border-bottom-color:#262b35}[data-theme=dark] .pb-table tbody tr:hover{background:#242932}[data-theme=dark] .pb-product-title{color:#f1f5f9}[data-theme=dark] .pb-badge-code{background:#2d333e;color:#f1f5f9}[data-theme=dark] .pb-mobile-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .pb-mobile-product-name{color:#f1f5f9}[data-theme=dark] .pb-mobile-meta-grid{background:#181a1f}[data-theme=dark] .pb-mobile-meta-val{color:#f1f5f9}[data-theme=dark] .pb-mobile-meta-label{color:#aab4c3}[data-theme=dark] .pb-empty-state{background:#20242a;border-color:#2d333e}[data-theme=dark] .pb-empty-title{color:#f1f5f9}[data-theme=dark] .pb-empty-desc{color:#aab4c3}[data-theme=dark] .pb-btn-outline{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .pb-btn-outline:hover{background:#282e38}[data-theme=dark] .pb-status-draft{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .pb-status-completed{background:#22c55e2e;color:#86efac}[data-theme=dark] .pb-status-void{background:#ef44442e;color:#fca5a5}.modal-backdrop-fixed{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-primary, 1000);padding:16px;box-sizing:border-box}.modal-card-dialog{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:14px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #00000040;overflow:hidden}[data-theme=dark] .modal-card-dialog{background:#20242a;border-color:#2d333e;color:#f1f5f9}.modal-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border, #E2E8F0);background:var(--table-head-bg, #F1F5F9)}[data-theme=dark] .modal-dialog-header{background:#181a1f;border-bottom-color:#2d333e}.modal-dialog-title{font-size:.98rem;font-weight:700;color:var(--text-main, #252525);margin:0}[data-theme=dark] .modal-dialog-title{color:#f1f5f9}.modal-close-btn{border:none;background:transparent;color:var(--text-muted, #64748B);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s ease}.modal-close-btn:hover{background:var(--surface-hover, #E2E8F0);color:var(--text-main, #252525)}[data-theme=dark] .modal-close-btn:hover{background:#2d333e;color:#f1f5f9}.modal-dialog-body{padding:18px;overflow-y:auto;flex:1}.modal-dialog-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 18px;border-top:1px solid var(--border, #E2E8F0);background:var(--table-head-bg, #F1F5F9)}[data-theme=dark] .modal-dialog-footer{background:#181a1f;border-top-color:#2d333e}@media(max-width:767px){.modal-backdrop-fixed{padding:8px;align-items:flex-end}.modal-card-dialog{max-height:92vh;border-radius:16px 16px 0 0}.modal-dialog-header{padding:12px 14px}.modal-dialog-body{padding:14px}.modal-dialog-footer{padding:10px 14px}}.report-directory-page{width:100%;max-width:1360px;margin:0 auto;padding:24px 20px 60px;box-sizing:border-box}.report-directory-inner{width:100%;max-width:100%;display:flex;flex-direction:column;gap:24px;box-sizing:border-box}.report-directory-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.report-directory-header .header-title-wrap{display:flex;flex-direction:column;gap:4px}.report-directory-header .page-title{font-size:1.65rem;font-weight:900;color:var(--text-main);margin:0;letter-spacing:-.02em}.report-directory-header .page-subtitle{font-size:.86rem;color:var(--text-muted);margin:0}.report-search-section{width:100%;box-sizing:border-box}.report-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #d2462d1f}.report-search-box .report-search-icon{position:static;transform:none;color:var(--text-muted);flex-shrink:0;display:flex;align-items:center;justify-content:center}.report-search-input{flex:1;height:44px;background:transparent;border:none;outline:none;font-size:.9rem;color:var(--text-main);padding:0 10px;min-width:0}.btn-clear-search{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s;flex-shrink:0}.report-group-section{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.report-group-header{display:flex;align-items:center;gap:8px;padding:0 2px}.report-group-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin:0}.report-group-badge{font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:10px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.report-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%;box-sizing:border-box}.report-item-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;min-width:0;box-sizing:border-box;text-align:left;position:relative}.report-item-card:hover{transform:translateY(-2px);border-color:var(--primary);box-shadow:0 4px 12px #0000000f}.report-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;box-sizing:border-box}.report-item-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.report-item-icon-box{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#d2462d1a;color:var(--primary, #D2462D)}.report-item-icon-box.financial{background:#3b82f61f;color:#2563eb}.report-item-icon-box.operational{background:#10b9811f;color:#059669}.report-item-icon-box.dashboard{background:#f59e0b1f;color:#d97706}.report-item-title-wrap{display:flex;flex-direction:column;min-width:0;flex:1}.report-item-title{font-size:.9rem;font-weight:800;color:var(--text-primary);line-height:1.3;overflow-wrap:break-word;word-break:break-word;transition:color .15s ease}.report-item-card:hover .report-item-title{color:var(--primary)}.report-item-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.report-item-chevron{color:var(--text-muted);transition:transform .15s ease,color .15s ease;flex-shrink:0}.report-item-card:hover .report-item-chevron{transform:translate(3px);color:var(--primary)}.btn-report-star{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-muted);transition:transform .15s ease,color .15s ease;flex-shrink:0}.btn-report-star:hover{transform:scale(1.15);color:#eab308}.btn-report-star.active{color:#eab308}.report-item-desc{font-size:.76rem;color:var(--text-muted);line-height:1.4;margin:0;overflow-wrap:break-word;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.report-empty-search{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:36px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;box-sizing:border-box}.report-empty-search h3{font-size:.96rem;font-weight:800;color:var(--text-primary);margin:0}.report-empty-search p{font-size:.78rem;color:var(--text-muted);margin:0}.btn-reset-search{margin-top:6px;padding:7px 16px;background:var(--primary);color:#fff;font-size:.78rem;font-weight:700;border-radius:8px;border:none;cursor:pointer;transition:opacity .15s}.btn-reset-search:hover{opacity:.9}@media(max-width:1023px)and (min-width:768px){.report-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media(max-width:767px){.report-directory-page{padding:14px 12px 60px}.report-directory-inner{gap:18px}.report-directory-header{margin-bottom:2px}.report-directory-header .page-title{font-size:1.35rem}.report-directory-header .page-subtitle{font-size:.78rem}.report-cards-grid{grid-template-columns:1fr;gap:10px}.report-item-card{padding:12px 14px;border-radius:10px;gap:8px;width:100%}.report-item-icon-box{width:32px;height:32px;border-radius:7px}.report-item-title{font-size:.86rem}.report-item-desc{font-size:.74rem;-webkit-line-clamp:2}}[data-theme=dark] .report-item-card,[data-theme=dark] .report-empty-search{background:var(--surface);border-color:#ffffff14;box-shadow:none}[data-theme=dark] .report-item-card:hover{border-color:var(--primary);background:var(--surface-2)}.page-content-container[data-page=purchases]{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}@media(max-width:767px){.page-content-container[data-page=purchases]{padding:10px 12px 24px;overflow-x:hidden}}.purchases-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;width:100%;box-sizing:border-box;margin-bottom:16px}.purchases-summary-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04));box-sizing:border-box;transition:border-color .15s ease}.purchases-summary-card:hover{border-color:var(--border-strong, #CBD5E1)}.purchases-summary-label{margin:0;font-size:.72rem;font-weight:800;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.5px}.purchases-summary-value{margin:4px 0 0;font-size:1.25rem;font-weight:900;color:var(--text-main, #252525);line-height:1.2}.purchases-summary-sub{margin:2px 0 0;font-size:.72rem;color:var(--text-muted, #64748B)}.purchases-summary-icon-box{padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:767px){.purchases-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px}.purchases-summary-card{padding:10px 12px!important;border-radius:10px!important;gap:6px;align-items:flex-start}.purchases-summary-card>div:first-child{min-width:0;flex:1}.purchases-summary-label{font-size:.62rem!important;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchases-summary-value{font-size:.95rem!important;margin:2px 0 0!important}.purchases-summary-sub{font-size:.62rem!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchases-summary-icon-box{padding:6px!important;border-radius:8px!important}.purchases-summary-icon-box svg{width:16px!important;height:16px!important}}.purchases-tabs-desktop{display:flex;width:100%}.purchases-tabs-mobile{display:none}@media(max-width:767px){.purchases-tabs-desktop{display:none!important}.purchases-tabs-mobile{display:block!important;width:100%;margin-bottom:12px;box-sizing:border-box}.purchases-tab-select-wrapper{position:relative;width:100%}.purchases-tab-select-mobile{width:100%;height:42px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:0 36px 0 12px;font-size:.88rem;font-weight:700;color:var(--text-main, #252525);-moz-appearance:none;appearance:none;-webkit-appearance:none;outline:none;box-sizing:border-box;cursor:pointer;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04));transition:border-color .15s ease}.purchases-tab-select-mobile:focus{border-color:var(--primary, #D2462D)}.purchases-tab-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted, #64748B)}}.purchases-compact-filter-panel{width:100%;box-sizing:border-box;margin-bottom:16px}.purchases-filter-row-1{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box}.purchases-filter-selects-row{display:contents}.purchases-filter-row-2{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin-top:10px}.purchases-filter-dates-desktop{display:flex;align-items:center;gap:10px}.purchases-filter-spacer{flex:1}.purchases-filter-actions{display:flex;align-items:center;gap:8px}.purchases-mobile-more-wrapper{display:none}@media(max-width:767px){.purchases-compact-filter-panel{padding:10px 12px!important;margin-bottom:12px}.purchases-filter-row-1{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.purchases-search-wrap{width:100%!important;flex:none!important}.purchases-search-wrap .filter-search-field{width:100%!important;height:38px!important;font-size:.84rem!important;box-sizing:border-box}.purchases-filter-selects-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important;width:100%!important;box-sizing:border-box}.purchases-filter-selects-row.two-cols{grid-template-columns:repeat(2,minmax(0,1fr))!important}.purchases-filter-selects-row select{width:100%!important;min-width:0!important;height:38px!important;font-size:.78rem!important;padding:0 6px!important;border-radius:8px!important;text-overflow:ellipsis;box-sizing:border-box}.page-content-container[data-page=purchases] .purchases-filter-row-2,.purchases-filter-row-2{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%!important;margin-top:8px!important;align-items:center!important;box-sizing:border-box!important}.page-content-container[data-page=purchases] .purchases-filter-dates-desktop,.purchases-filter-dates-desktop,.page-content-container[data-page=purchases] .purchases-filter-spacer,.purchases-filter-spacer{display:none!important}.page-content-container[data-page=purchases] .purchases-filter-actions,.purchases-filter-actions{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;align-items:center!important;box-sizing:border-box!important;margin:0!important}.page-content-container[data-page=purchases] .purchases-filter-actions .export-button-group,.purchases-filter-actions .export-button-group{flex:1 1 0%!important;width:auto!important;max-width:none!important;min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;margin:0!important;padding:0!important;box-sizing:border-box!important}.page-content-container[data-page=purchases] .purchases-filter-actions .export-dropdown-wrapper,.purchases-filter-actions .export-dropdown-wrapper{width:100%!important;min-width:0!important;box-sizing:border-box!important}.page-content-container[data-page=purchases] .purchases-filter-actions .export-btn-action,.page-content-container[data-page=purchases] .purchases-filter-actions .print-btn-action,.purchases-filter-actions .export-btn-action,.purchases-filter-actions .print-btn-action{width:100%!important;min-width:0!important;height:38px!important;padding:0 6px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;margin:0!important}.page-content-container[data-page=purchases] .purchases-filter-actions .export-btn-label,.page-content-container[data-page=purchases] .purchases-filter-actions .print-btn-label,.page-content-container[data-page=purchases] .purchases-filter-actions .export-chevron-icon,.purchases-filter-actions .export-btn-label,.purchases-filter-actions .print-btn-label,.purchases-filter-actions .export-chevron-icon{display:none!important}.page-content-container[data-page=purchases] .purchases-mobile-more-wrapper,.purchases-mobile-more-wrapper{display:block!important;position:relative!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}.page-content-container[data-page=purchases] .purchases-btn-more,.purchases-btn-more{width:48px!important;min-width:48px!important;max-width:48px!important;height:38px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;border-radius:8px!important;flex-shrink:0!important;box-sizing:border-box!important;margin:0!important}.page-content-container[data-page=purchases] .purchases-btn-more.is-active,.purchases-btn-more.is-active{border-color:var(--primary, #D2462D)!important;color:var(--primary, #D2462D)!important;background:#d2462d14!important}.purchases-active-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--primary, #D2462D)}.purchases-mobile-date-popover{position:absolute;right:0;bottom:calc(100% + 8px);width:250px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:12px;box-shadow:0 10px 25px -5px #00000026,0 8px 10px -6px #0000001a;z-index:50;padding:12px;box-sizing:border-box;animation:fadeIn .15s ease-out}.purchases-popover-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--border, #E2E8F0)}.purchases-popover-body{display:flex;flex-direction:column;gap:8px}.purchases-popover-field input{height:34px;font-size:.8rem;box-sizing:border-box}.purchases-popover-actions{display:flex;gap:8px;margin-top:4px}.purchases-popover-actions .btn{height:32px;font-size:.78rem}}[data-theme=dark] .purchases-summary-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .purchases-summary-card:hover{border-color:#3d4452}[data-theme=dark] .purchases-summary-value{color:#f1f5f9}[data-theme=dark] .purchases-summary-label,[data-theme=dark] .purchases-summary-sub{color:#aab4c3}[data-theme=dark] .purchases-tab-select-mobile{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .purchases-tab-select-chevron{color:#aab4c3}[data-theme=dark] .purchases-btn-more{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .purchases-mobile-date-popover{background:#20242a;border-color:#2d333e}[data-theme=dark] .purchases-popover-header{border-bottom-color:#2d333e}.page-content-container[data-page=operational-expenses]{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}@media(max-width:767px){.page-content-container[data-page=operational-expenses]{padding:10px 12px 24px;overflow-x:hidden}}.page-content-container[data-page=operational-expenses] .page-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;width:100%;box-sizing:border-box}.page-content-container[data-page=operational-expenses] .page-main-title{font-size:1.5rem;font-weight:800;color:var(--text-main, #252525);margin:0 0 2px;line-height:1.2}.page-content-container[data-page=operational-expenses] .page-subtitle{font-size:.85rem;color:var(--text-muted, #64748B);margin:0}.page-content-container[data-page=operational-expenses] .header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}@media(max-width:767px){.page-content-container[data-page=operational-expenses] .page-header-row{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:12px}.page-content-container[data-page=operational-expenses] .page-main-title{font-size:1.22rem;gap:6px}.page-content-container[data-page=operational-expenses] .page-main-title svg{width:22px;height:22px}.page-content-container[data-page=operational-expenses] .page-subtitle{font-size:.78rem;line-height:1.3}.page-content-container[data-page=operational-expenses] .header-actions{display:flex;flex-direction:row;gap:8px;width:100%}.page-content-container[data-page=operational-expenses] .header-actions .btn-primary{flex:1;height:38px;justify-content:center;font-size:.82rem}.page-content-container[data-page=operational-expenses] .header-actions .btn-secondary{height:38px;padding:0 12px;justify-content:center}}.expenses-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;width:100%;box-sizing:border-box;margin-bottom:16px}.expenses-summary-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:12px;padding:16px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xs, 0 1px 2px rgba(0, 0, 0, .04));box-sizing:border-box;transition:border-color .15s ease}.expenses-summary-card:hover{border-color:var(--border-strong, #CBD5E1)}.expenses-summary-label{margin:0;font-size:.72rem;font-weight:800;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.5px}.expenses-summary-value{margin:4px 0 0;font-size:1.25rem;font-weight:900;color:var(--text-main, #252525);font-family:var(--font-mono, monospace);line-height:1.2}.expenses-summary-sub{margin:2px 0 0;font-size:.72rem;color:var(--text-muted, #64748B)}.expenses-summary-icon-box{padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:767px){.expenses-summary-grid{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.expenses-summary-card{padding:10px 14px;border-radius:10px}.expenses-summary-label{font-size:.68rem}.expenses-summary-value{font-size:1.15rem;margin:2px 0 0}.expenses-summary-sub{font-size:.68rem}.expenses-summary-icon-box{padding:7px;border-radius:8px}.expenses-summary-icon-box svg{width:18px;height:18px}}.expenses-mobile-grid-row{display:contents}@media(max-width:767px){.expenses-mobile-grid-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.expenses-mobile-grid-row .filter-select{width:100%!important;height:38px;font-size:.8rem;padding:0 8px;border-radius:8px;text-overflow:ellipsis}.expenses-search-wrap .filter-search-field{height:38px;font-size:.84rem}.expenses-filter-actions{width:100%}.expenses-filter-actions .export-btn-group{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.expenses-filter-actions .export-btn-group button{width:100%;justify-content:center;height:36px;font-size:.8rem}}@media(max-width:767px){.desktop-table-container{display:none!important}.mobile-transaction-cards-list{display:flex!important;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.tx-mobile-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:12px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 3px #0000000a;cursor:pointer;transition:border-color .15s ease}.tx-mobile-card:hover{border-color:var(--border-strong, #CBD5E1)}.tx-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.tx-card-inv-wrap{display:flex;align-items:center;gap:6px;min-width:0}.tx-card-inv{font-size:.85rem;font-weight:700;color:var(--primary, #D2462D)}.tx-card-body{display:flex;flex-direction:column;gap:4px}.tx-card-desc{font-weight:700;font-size:.9rem;color:var(--text-main, #252525);word-break:break-word;overflow-wrap:break-word;line-height:1.3}.tx-card-meta-row{display:flex;align-items:center;gap:8px;font-size:.75rem;color:var(--text-muted, #64748B)}.tx-card-cust-row{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--text-muted, #64748B);padding-top:2px}.tx-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle, #EDF2F7);padding-top:8px;margin-top:2px;gap:8px}.tx-card-total-group{display:flex;align-items:baseline;gap:5px}.tx-card-total-label{font-size:.72rem;color:var(--text-muted, #64748B);font-weight:600;text-transform:uppercase}.tx-card-total-amount{font-size:.95rem;font-weight:800;color:var(--text-main, #252525)}.tx-card-actions-group{display:flex;align-items:center;gap:6px}.btn-tx-card-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:30px;padding:0 10px;border-radius:6px;font-size:.74rem;font-weight:700;border:none;cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-tx-card-detail{background:var(--table-head-bg, #F1F5F9);border:1px solid var(--border, #E2E8F0);color:var(--text-main, #252525)}.btn-tx-card-edit{background:#6366f11f;color:#6366f1;border:1px solid rgba(99,102,241,.25)}.btn-tx-card-pay{background:var(--primary, #D2462D);color:#fff}}.expense-detail-modal-card,.expense-edit-modal-card{display:flex!important;flex-direction:column!important;max-height:90vh}.expense-edit-form{display:flex!important;flex-direction:column!important;height:100%;max-height:inherit;min-height:0;flex:1 1 auto}.expense-detail-modal-header,.expense-edit-modal-header{flex-shrink:0!important}.expense-detail-modal-body,.expense-edit-modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.expense-detail-modal-footer,.expense-edit-modal-footer{flex-shrink:0!important}.expense-detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:4px 0}.expense-detail-label{font-size:.75rem;color:var(--text-muted, #64748B);font-weight:600;flex-shrink:0}.expense-detail-value{font-size:.82rem;color:var(--text-main, #252525);font-weight:600;text-align:right;word-break:break-word;overflow-wrap:break-word}@media(max-width:767px){.expense-detail-modal-backdrop,.expense-edit-modal-backdrop{padding:8px!important;align-items:flex-end!important}.expense-detail-modal-card,.expense-edit-modal-card{max-height:calc(100dvh - 20px)!important;max-height:calc(100vh - 20px)!important;width:100%!important;max-width:100%!important;border-radius:16px 16px 0 0!important;margin:0!important}.expense-detail-modal-header,.expense-edit-modal-header{flex-shrink:0!important;padding:12px 14px!important}.expense-detail-modal-body,.expense-edit-modal-body{flex:1 1 auto!important;min-height:0!important;max-height:calc(100dvh - 135px)!important;max-height:calc(100vh - 135px)!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;padding:12px 14px!important}.expense-detail-modal-footer,.expense-edit-modal-footer{flex-shrink:0!important;padding:10px 14px!important;background:var(--surface, #FFFFFF)}.expense-edit-modal-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%}.expense-edit-modal-footer .btn{width:100%;height:38px;justify-content:center;font-size:.82rem}.expense-detail-row{flex-direction:column;align-items:flex-start;gap:2px;padding:6px 0;border-bottom:1px dashed var(--border, #E2E8F0)}.expense-detail-row:last-child{border-bottom:none}.expense-detail-row-horizontal{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.expense-detail-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.3px}.expense-detail-value{font-size:.85rem;text-align:left;width:100%}.expense-detail-footer{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;width:100%}.expense-detail-footer .btn{width:100%;height:38px;justify-content:center;font-size:.82rem}}@media(max-width:767px){.fixed.inset-0.z-50{padding:8px!important;align-items:flex-end!important}.fixed.inset-0.z-50>div{max-height:calc(100dvh - 20px)!important;max-height:calc(100vh - 20px)!important;border-radius:16px 16px 0 0!important;margin:0!important;width:100%!important;max-width:100%!important}}[data-theme=dark] .expenses-summary-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .expenses-summary-card:hover{border-color:#3d4452}[data-theme=dark] .expenses-summary-value{color:#f1f5f9}[data-theme=dark] .expenses-summary-label,[data-theme=dark] .expenses-summary-sub{color:#aab4c3}[data-theme=dark] .tx-mobile-card:hover{border-color:#3d4452}[data-theme=dark] .tx-card-desc,[data-theme=dark] .tx-card-total-amount{color:#f1f5f9}[data-theme=dark] .btn-tx-card-detail{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-tx-card-edit{background:#6366f133;color:#a5b4fc;border-color:#6366f166}[data-theme=dark] .expense-detail-value{color:#f1f5f9}[data-theme=dark] .expense-detail-label{color:#aab4c3}[data-theme=dark] .expense-detail-row{border-bottom-color:#2d333e}[data-theme=dark] .expense-detail-modal-card,[data-theme=dark] .expense-edit-modal-card,[data-theme=dark] .expense-detail-modal-footer,[data-theme=dark] .expense-edit-modal-footer{background:#20242a;border-color:#2d333e}.cashbank-desktop-actions{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}.cashbank-mobile-actions{display:none!important}.cashbank-desktop-kpis{display:grid!important}.cashbank-mobile-kpis{display:none!important}.cashbank-desktop-charts{display:grid!important}.cashbank-mobile-charts,.cashbank-mobile-cards-list{display:none!important}.desktop-table-container{display:block}@media(max-width:767px){.cashbank-desktop-actions{display:none!important}.cashbank-mobile-actions{display:flex!important;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;margin-top:10px}.cashbank-desktop-kpis{display:none!important}.cashbank-mobile-kpis{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}.cashbank-desktop-charts{display:none!important}.cashbank-mobile-charts{display:flex!important;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.desktop-table-container{display:none!important}.cashbank-mobile-cards-list{display:flex!important;flex-direction:column;gap:10px;width:100%;padding:10px;box-sizing:border-box}.page-header{margin-bottom:12px!important}.cb-m-actions-primary{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}.cb-m-actions-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;box-sizing:border-box}.cb-m-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:38px;font-size:.8rem;font-weight:700;border-radius:8px;width:100%;box-sizing:border-box;white-space:nowrap}.cb-m-btn-export{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:32px;font-size:.74rem;font-weight:600;border-radius:6px;width:100%;box-sizing:border-box;white-space:nowrap}.cashbank-filter-bar{padding:8px 10px!important;margin-bottom:12px!important;gap:8px!important;width:100%;box-sizing:border-box}.cb-filter-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.cb-filter-icon{color:var(--text-muted);flex-shrink:0}.cb-filter-select{width:100%!important;min-width:0!important;height:36px!important;font-size:.78rem!important;border-radius:8px}.cb-filter-btn-refresh{flex-shrink:0;height:36px;padding:0 10px!important;font-size:.76rem!important;border-radius:8px}.cb-m-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;box-sizing:border-box;box-shadow:0 1px 2px #00000008}.cb-m-kpi-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px}.cb-m-kpi-label{font-size:.68rem;font-weight:800;color:var(--text-muted);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-m-kpi-icon{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-m-kpi-icon.warning{background:#f59e0b1f;color:#d97706}.cb-m-kpi-icon.info{background:#3b82f61f;color:#2563eb}.cb-m-kpi-icon.success{background:#22c55e1f;color:#16a34a}.cb-m-kpi-icon.default{background:var(--primary-soft, rgba(210, 70, 45, .12));color:var(--primary, #D2462D)}.cb-m-kpi-value{font-size:1.05rem;font-weight:800;color:var(--text-primary);line-height:1.25;letter-spacing:-.2px;word-break:break-all}.cb-m-insight-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box;box-shadow:0 1px 2px #00000008}.cb-m-insight-header{display:flex;align-items:center;justify-content:space-between}.cb-m-insight-title{font-size:.76rem;font-weight:800;color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase}.cb-m-distribution-content{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box}.cb-m-donut-svg-wrap{width:84px;height:84px;flex-shrink:0}.cb-m-donut-svg{width:100%;height:100%}.cb-m-distribution-list{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.cb-m-dist-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.74rem;width:100%;box-sizing:border-box}.cb-m-dist-label{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.cb-m-dist-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cb-m-dist-name{font-weight:600;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cb-m-dist-values{display:flex;align-items:center;gap:6px;flex-shrink:0}.cb-m-dist-val{font-weight:700;color:var(--text-primary);font-size:.74rem}.cb-m-dist-pct{font-size:.68rem;font-weight:700;color:var(--text-muted);min-width:32px;text-align:right}.cb-m-liquidity-content{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.cb-m-stacked-bar{display:flex;height:12px;border-radius:6px;overflow:hidden;background:var(--surface-2);width:100%}.cb-m-bar-slice.cash{background:#f59e0b}.cb-m-bar-slice.bank{background:#3b82f6}.cb-m-bar-slice.qris{background:#10b981}.cb-m-bar-slice.empty{background:var(--border)}.cb-m-liquidity-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;box-sizing:border-box}.cb-m-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:4px 6px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0}.cb-m-pill-dot{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.cb-m-pill-dot.cash{background:#f59e0b}.cb-m-pill-dot.bank{background:#3b82f6}.cb-m-pill-dot.qris{background:#10b981}.cb-m-pill-name{font-size:.66rem;color:var(--text-muted);font-weight:600}.cb-m-pill-val{font-size:.74rem;font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.cb-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;box-sizing:border-box;box-shadow:0 1px 3px #0000000a;overflow-x:hidden}.cb-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box}.cb-card-title-group{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cb-card-code-name{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.cb-card-code{font-weight:800;color:var(--primary, #D2462D);font-size:.84rem;flex-shrink:0}.cb-card-name{font-size:.9rem;font-weight:800;color:var(--text-primary);line-height:1.3;overflow-wrap:break-word;word-break:break-word}.cb-card-bank-info{font-size:.72rem;color:var(--text-muted);margin-top:1px;overflow-wrap:break-word}.cb-card-status-badge{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:6px;flex-shrink:0}.cb-card-status-badge.active{background:#22c55e1f;color:#16a34a}.cb-card-status-badge.inactive{background:#ef44441f;color:#dc2626}.cb-card-divider{height:1px;background:var(--border);width:100%}.cb-card-divider.dashed{height:0;border-top:1px dashed var(--border);background:transparent}.cb-card-metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;width:100%;box-sizing:border-box}.cb-metric-item{display:flex;flex-direction:column;gap:1px;min-width:0}.cb-metric-label{font-size:.68rem;color:var(--text-muted);font-weight:600}.cb-metric-val{font-size:.8rem;font-weight:700;color:var(--text-main);word-break:break-word}.cb-metric-val.success{color:#16a34a}.cb-metric-val.danger{color:#dc2626}.cb-metric-val-prominent{font-size:.94rem;font-weight:800;letter-spacing:-.2px;word-break:break-word}.cb-card-actions-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.cb-type-badge{font-size:.68rem;font-weight:800;padding:4px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);text-transform:uppercase;flex-shrink:0;letter-spacing:.4px}.cb-type-badge.type-cash{background:#f59e0b1f;border-color:#f59e0b4d;color:#d97706}.cb-type-badge.type-bank{background:#3b82f61f;border-color:#3b82f64d;color:#2563eb}.cb-type-badge.type-qris{background:#10b9811f;border-color:#10b9814d;color:#059669}.cb-btn-mutasi{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:.74rem;font-weight:700;border-radius:6px;margin-right:auto}.cb-btn-icon-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border-radius:6px;flex-shrink:0;color:var(--text-main)}.cb-btn-icon-action:hover{color:var(--primary)}}@media(max-width:360px){.cb-m-actions-secondary{grid-template-columns:1fr 1fr 1fr;gap:4px}.cb-m-btn-export{font-size:.7rem;padding:0 4px}.cb-m-dist-row{font-size:.7rem}.cb-m-pill-val{font-size:.68rem}}[data-theme=dark] .cb-m-kpi-card,[data-theme=dark] .cb-m-insight-card,[data-theme=dark] .cb-mobile-card{background:var(--surface);border-color:#ffffff14;box-shadow:none}[data-theme=dark] .cb-card-divider{background:#ffffff14}[data-theme=dark] .cb-card-divider.dashed{border-top-color:#ffffff14}[data-theme=dark] .cb-m-pill{background:var(--surface-2);border-color:#ffffff14}.offline-sync-center-page{padding:24px;max-width:1440px;margin:0 auto;color:var(--text-primary);box-sizing:border-box}.osc-header-wrap{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:24px}.osc-header-title-col{display:flex;flex-direction:column;gap:6px}.osc-header-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.osc-header-title{font-size:1.65rem;font-weight:800;margin:0;color:var(--text-primary);line-height:1.25}.osc-network-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.78rem;font-weight:700;white-space:nowrap}.osc-header-desc{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.osc-actions-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.osc-outlet-filter-wrap{display:flex;align-items:center;gap:6px}.osc-outlet-select{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:600;font-size:.85rem;outline:none}.osc-secondary-actions-row{display:flex;align-items:center;gap:8px}.osc-btn-secondary{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.osc-btn-secondary:hover:not(:disabled){background:var(--surface-hover, rgba(0, 0, 0, .04));border-color:var(--border-hover, #94a3b8)}.osc-btn-primary{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}.osc-btn-primary:hover:not(:disabled){opacity:.92;box-shadow:0 2px 6px #00000026}.osc-btn-primary:disabled{cursor:not-allowed;opacity:.6}.osc-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px}.osc-kpi-card{background:var(--surface);padding:16px 20px;border-radius:12px;border:1px solid var(--border);display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.osc-kpi-card-header{display:flex;align-items:center;justify-content:space-between}.osc-kpi-card-title{font-size:.82rem;font-weight:700;text-transform:uppercase}.osc-kpi-card-value{font-size:1.9rem;font-weight:800;line-height:1}.osc-kpi-card-desc{font-size:.78rem;color:var(--text-secondary)}.osc-filter-bar{background:var(--surface);padding:16px 20px;border-radius:12px;border:1px solid var(--border);margin-bottom:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.osc-pill-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.osc-pill-tab{padding:6px 14px;border-radius:20px;border:none;background:#0000000d;color:var(--text-secondary);font-weight:700;font-size:.82rem;cursor:pointer;transition:all .15s ease;white-space:nowrap}[data-theme=dark] .osc-pill-tab{background:#ffffff14;color:var(--text-secondary)}.osc-pill-tab:hover{background:#00000014;color:var(--text-primary)}.osc-pill-tab.active{background:var(--primary)!important;color:#fff!important}.osc-search-wrap{position:relative;width:320px;max-width:100%}.osc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none}.osc-search-input{width:100%;padding:8px 12px 8px 36px;border-radius:8px;border:1px solid var(--border);background:var(--bg-main);color:var(--text-primary);font-size:.85rem;box-sizing:border-box;outline:none}.osc-search-input:focus{border-color:var(--primary)}.osc-mobile-status-wrapper{display:none;position:relative;width:100%}.osc-mobile-status-trigger{width:100%;min-height:44px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;color:var(--text-primary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s ease}.osc-mobile-status-label{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osc-mobile-status-prefix{color:var(--text-secondary);font-weight:500}.osc-mobile-status-current{color:var(--text-primary);font-weight:700}.osc-mobile-status-chevron{color:var(--text-secondary);flex-shrink:0;margin-left:8px}.osc-mobile-status-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;z-index:2;font-size:16px}[data-theme=dark] .osc-mobile-status-trigger{background:var(--surface, #22262e);border-color:var(--border, #333a46);color:#f1f5f9}[data-theme=dark] .osc-mobile-status-prefix{color:#94a3b8}[data-theme=dark] .osc-mobile-status-current{color:#f8fafc}[data-theme=dark] .osc-mobile-status-select option{background:#1e222a;color:#f8fafc}@media(max-width:768px){.offline-sync-center-page{padding:14px 12px}.osc-header-wrap{gap:12px;margin-bottom:16px}.osc-header-title-row{align-items:flex-start;justify-content:space-between;gap:8px}.osc-header-title{font-size:1.25rem;font-weight:800}.osc-network-badge{padding:3px 8px;font-size:.72rem;flex-shrink:0}.osc-header-desc{font-size:.8rem;line-height:1.35}.osc-actions-wrap{width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.osc-outlet-filter-wrap{width:100%}.osc-outlet-select{width:100%;min-height:40px}.osc-secondary-actions-row{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.osc-btn-secondary{justify-content:center;padding:8px 4px;font-size:.76rem;min-height:42px;border-radius:8px;gap:4px}.osc-btn-secondary span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.osc-btn-primary{width:100%;justify-content:center;min-height:44px;font-size:.88rem;border-radius:10px}.osc-kpi-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.osc-kpi-card{padding:12px 14px;border-radius:10px}.osc-kpi-card.is-synced-today{grid-column:1 / -1}.osc-kpi-card-value{font-size:1.5rem}.osc-filter-bar{padding:12px;gap:10px;margin-bottom:14px;flex-direction:column;align-items:stretch}.osc-pill-tabs{display:none!important}.osc-mobile-status-wrapper{display:block;width:100%}.osc-search-wrap{width:100%!important}.osc-search-input{min-height:42px;font-size:.85rem}}[data-page=payroll]{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}[data-page=payroll] .payroll-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box;flex-wrap:wrap}[data-page=payroll] .payroll-header-titles{min-width:0;flex:1}[data-page=payroll] .payroll-main-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:800;color:var(--text-primary);line-height:1.2}[data-page=payroll] .payroll-subtitle{margin:4px 0 0;font-size:.85rem;color:var(--text-muted);line-height:1.4}[data-page=payroll] .payroll-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex-shrink:0}[data-page=payroll] .payroll-header-actions .btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;white-space:nowrap}[data-page=payroll] .payroll-kpi-container{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}[data-page=payroll] .payroll-kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;box-sizing:border-box}[data-page=payroll] .payroll-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:var(--shadow-xs);box-sizing:border-box;min-width:0;transition:transform .15s ease,box-shadow .15s ease}[data-page=payroll] .payroll-kpi-card:hover{box-shadow:var(--shadow-sm)}[data-page=payroll] .payroll-kpi-content{min-width:0;flex:1}[data-page=payroll] .payroll-kpi-label{margin:0;font-size:.72rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-page=payroll] .payroll-kpi-value{margin:4px 0 0;font-size:1.18rem;font-weight:900;color:var(--text-primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}[data-page=payroll] .payroll-kpi-sub{margin:2px 0 0;font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-page=payroll] .payroll-kpi-icon{padding:9px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-page=payroll] .icon-indigo{background:#6366f11f;color:#6366f1}[data-page=payroll] .icon-blue{background:#0284c71f;color:#0284c7}[data-page=payroll] .icon-amber{background:#f59e0b1f;color:#d97706}[data-page=payroll] .icon-purple{background:#9333ea1f;color:#9333ea}[data-page=payroll] .icon-danger{background:#ef44441f;color:#dc2626}[data-page=payroll] .icon-success{background:#22c55e1f;color:#16a34a}[data-page=payroll] .text-amber{color:#d97706!important}[data-page=payroll] .text-purple{color:#9333ea!important}[data-page=payroll] .text-danger{color:#dc2626!important}[data-page=payroll] .text-success{color:#16a34a!important}[data-page=payroll] .payroll-kpi-dominant-card{background:linear-gradient(135deg,#d2462d14,#d2462d2e);border:1.5px solid rgba(210,70,45,.35);border-radius:12px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 4px 12px #d2462d14;box-sizing:border-box;width:100%}[data-page=payroll] .payroll-dominant-content{min-width:0;flex:1}[data-page=payroll] .payroll-dominant-badge{display:inline-block;font-size:.65rem;font-weight:800;letter-spacing:.6px;padding:2px 8px;border-radius:4px;background:var(--primary);color:#fff;margin-bottom:4px}[data-page=payroll] .payroll-dominant-label{margin:0;font-size:.74rem;font-weight:900;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}[data-page=payroll] .payroll-dominant-value{margin:4px 0 0;font-size:1.55rem;font-weight:900;color:var(--primary);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}[data-page=payroll] .payroll-dominant-sub{margin:3px 0 0;font-size:.74rem;font-weight:600;color:var(--text-main)}[data-page=payroll] .payroll-dominant-icon{width:52px;height:52px;border-radius:12px;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #d2462d4d}[data-page=payroll] .payroll-desktop-nav{width:100%;box-sizing:border-box}[data-page=payroll] .payroll-desktop-tabs-bar{display:flex;gap:8px;width:100%;flex-wrap:wrap}[data-page=payroll] .payroll-desktop-tabs-bar .page-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;font-size:.82rem;font-weight:700;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease;min-height:40px}[data-page=payroll] .payroll-desktop-tabs-bar .page-tab:hover{background:var(--surface-2);color:var(--text-primary)}[data-page=payroll] .payroll-desktop-tabs-bar .page-tab.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #d2462d40}[data-page=payroll] .payroll-desktop-tabs-bar .page-tab .tab-count{font-size:.7rem;padding:2px 7px;border-radius:9999px;background:var(--surface-2);color:var(--text-main);font-weight:800}[data-page=payroll] .payroll-desktop-tabs-bar .page-tab.active .tab-count{background:#ffffff40;color:#fff}[data-page=payroll] .payroll-mobile-nav-selector{display:none;width:100%;box-sizing:border-box}[data-page=payroll] .payroll-nav-select-wrapper{position:relative;width:100%}[data-page=payroll] .payroll-mobile-nav-select{width:100%;height:42px;padding:0 38px 0 14px;font-size:.88rem;font-weight:800;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-sizing:border-box;outline:none}[data-page=payroll] .payroll-mobile-nav-select:focus{border-color:var(--primary)}[data-page=payroll] .payroll-nav-select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}[data-page=payroll] .payroll-filter-container{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;display:flex;flex-direction:column;width:100%;box-sizing:border-box;box-shadow:var(--shadow-xs)}[data-page=payroll] .payroll-desktop-filter-toolbar,[data-page=payroll] .payroll-desktop-filter-row-1{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-row-2{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-search-wrap{flex:1 1 180px;min-width:150px;position:relative;display:flex;align-items:center}[data-page=payroll] .payroll-desktop-filter-toolbar .filter-search-field{width:100%;height:36px;min-height:36px;padding:0 30px 0 32px;font-size:.8rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-toolbar .search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}[data-page=payroll] .payroll-desktop-filter-toolbar .btn-clear-search{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}[data-page=payroll] .payroll-filter-period-group{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-select-month{height:36px;min-height:36px;width:110px;min-width:95px;padding:0 8px;font-size:.8rem;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-select-year{height:36px;min-height:36px;width:76px;min-width:68px;padding:0 8px;font-size:.8rem;font-weight:600;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-working-days-badge{display:inline-flex;align-items:center;gap:5px;height:36px;min-height:36px;padding:0 8px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);flex-shrink:0;box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-working-days-label{font-size:.72rem;font-weight:700;color:var(--text-muted);white-space:nowrap}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-working-days-input-wrap{display:inline-flex;align-items:center;gap:3px}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-working-days-input{width:32px;height:24px;text-align:center;font-weight:800;font-size:.8rem;border:1px solid var(--border);border-radius:5px;background:var(--surface);color:var(--text-primary);padding:0 2px}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-working-days-unit{font-size:.7rem;color:var(--text-muted);font-weight:700}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-status-badge{display:inline-flex;align-items:center;gap:5px;height:36px;min-height:36px;padding:0 10px;border-radius:8px;font-size:.74rem;font-weight:800;letter-spacing:.3px;flex-shrink:0;white-space:nowrap;box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-cutoff-badge{display:inline-flex;align-items:center;height:36px;min-height:36px;padding:0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);font-size:.74rem;font-weight:700;flex-shrink:0;white-space:nowrap;box-sizing:border-box}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-filter-actions{display:inline-flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-filter-actions .export-button-group{display:inline-flex;align-items:center;gap:6px}[data-page=payroll] .payroll-desktop-filter-toolbar .export-btn-action,[data-page=payroll] .payroll-desktop-filter-toolbar .print-btn-action{height:36px;min-height:36px;padding:0 12px;font-size:.8rem;font-weight:700;border-radius:8px;display:inline-flex;align-items:center;gap:6px}@media(min-width:1280px){[data-page=payroll] .payroll-desktop-filter-toolbar{flex-wrap:nowrap;gap:8px}}@media(min-width:768px)and (max-width:1279px){[data-page=payroll] .payroll-desktop-filter-toolbar{flex-wrap:wrap;row-gap:6px;column-gap:8px}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-cutoff-badge{order:6;height:26px;min-height:26px;padding:0 8px;font-size:.7rem;margin-top:2px}[data-page=payroll] .payroll-desktop-filter-toolbar .payroll-filter-actions{order:5;margin-left:auto}}[data-page=payroll] .payroll-mobile-filter-container{display:none;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}[data-page=payroll] .payroll-m-filter-row-1,[data-page=payroll] .payroll-m-filter-row-2,[data-page=payroll] .payroll-m-filter-row-3{display:flex;align-items:center;width:100%;box-sizing:border-box}[data-page=payroll] .payroll-m-filter-row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}[data-page=payroll] .payroll-m-filter-row-3{display:flex;align-items:center;gap:8px}[data-page=payroll] .payroll-m-actions-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}[data-page=payroll] .payroll-m-actions-wrap .export-button-group{display:flex;width:100%;gap:8px}[data-page=payroll] .payroll-m-actions-wrap .export-dropdown-wrapper{flex:1;min-width:0}[data-page=payroll] .payroll-m-actions-wrap .export-btn-action,[data-page=payroll] .payroll-m-actions-wrap .print-btn-action{width:100%;min-height:40px;height:40px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}[data-page=payroll] .payroll-btn-more{position:relative;flex:0 0 40px;width:40px;height:40px;min-height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;touch-action:manipulation}[data-page=payroll] .payroll-btn-more:hover,[data-page=payroll] .payroll-btn-more.active{background:var(--surface-2);border-color:var(--primary);color:var(--primary)}[data-page=payroll] .payroll-more-indicator{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--primary)}[data-page=payroll] .payroll-more-popover{position:absolute;right:0;top:calc(100% + 6px);z-index:100;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;box-shadow:var(--shadow-lg);width:270px;max-width:90vw;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}[data-page=payroll] .payroll-more-popover-item{display:flex;flex-direction:column;gap:4px}[data-page=payroll] .payroll-more-popover-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}[data-page=payroll] .payroll-legend-bar{padding:10px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;box-sizing:border-box;width:100%}[data-page=payroll] .payroll-legend-chips{display:flex;align-items:center;gap:10px;flex-wrap:wrap}[data-page=payroll] .payroll-legend-chip{font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;line-height:1.2}[data-page=payroll] .payroll-legend-hint{font-size:.72rem;color:var(--text-muted);line-height:1.3}[data-page=payroll] .payroll-employee-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%;min-width:0}[data-page=payroll] .payroll-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}[data-page=payroll] .payroll-card-emp-info{min-width:0;flex:1}[data-page=payroll] .payroll-card-emp-name{font-size:.95rem;font-weight:800;color:var(--text-primary);display:block;word-break:break-word;line-height:1.3}[data-page=payroll] .payroll-card-outlet{font-size:.74rem;color:var(--text-muted);display:block;margin-top:2px}[data-page=payroll] .payroll-card-status-badge{padding:3px 8px;border-radius:6px;font-size:.68rem;font-weight:800;white-space:nowrap;flex-shrink:0}[data-page=payroll] .payroll-card-metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:var(--surface-2);border-radius:10px;padding:10px 12px;box-sizing:border-box}[data-page=payroll] .payroll-card-metric-item{min-width:0}[data-page=payroll] .payroll-card-metric-label{font-size:.68rem;color:var(--text-muted);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-page=payroll] .payroll-card-metric-value{font-size:.84rem;font-weight:800;color:var(--text-primary);display:block;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}[data-page=payroll] .payroll-card-total-section{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 2px 2px;border-top:1px dashed var(--border)}[data-page=payroll] .payroll-card-total-label{font-size:.75rem;font-weight:800;color:var(--text-muted);text-transform:uppercase}[data-page=payroll] .payroll-card-total-amount{font-size:1.05rem;font-weight:900;color:var(--primary);font-variant-numeric:tabular-nums}[data-page=payroll] .payroll-card-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;margin-top:2px}[data-page=payroll] .payroll-card-actions-grid .payroll-btn-action{height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;font-size:.75rem;font-weight:700;width:100%;box-sizing:border-box}@media(max-width:1023px){[data-page=payroll] .payroll-kpi-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:767px){[data-page=payroll]{gap:12px}[data-page=payroll] .hidden-mobile{display:none!important}[data-page=payroll] .payroll-header-row{flex-direction:column;align-items:flex-start;gap:10px}[data-page=payroll] .payroll-main-title{font-size:1.3rem}[data-page=payroll] .payroll-subtitle{font-size:.78rem;line-height:1.35}[data-page=payroll] .payroll-header-actions{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}[data-page=payroll] .payroll-header-actions .btn{width:100%;justify-content:center;padding:0 6px;font-size:.74rem;min-height:38px;height:38px}[data-page=payroll] .payroll-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}[data-page=payroll] .payroll-kpi-card{padding:10px 12px;border-radius:10px}[data-page=payroll] .payroll-kpi-label{font-size:.65rem}[data-page=payroll] .payroll-kpi-value{font-size:.95rem;margin-top:2px}[data-page=payroll] .payroll-kpi-icon{padding:6px;border-radius:8px}[data-page=payroll] .payroll-kpi-icon svg{width:17px;height:17px}[data-page=payroll] .payroll-kpi-dominant-card{padding:12px 14px;border-radius:10px}[data-page=payroll] .payroll-dominant-label{font-size:.68rem}[data-page=payroll] .payroll-dominant-value{font-size:1.25rem}[data-page=payroll] .payroll-dominant-sub{font-size:.68rem}[data-page=payroll] .payroll-dominant-icon{width:42px;height:42px}[data-page=payroll] .payroll-dominant-icon svg{width:22px;height:22px}[data-page=payroll] .payroll-desktop-nav{display:none!important}[data-page=payroll] .payroll-mobile-nav-selector{display:block!important}[data-page=payroll] .payroll-desktop-filter-toolbar,[data-page=payroll] .payroll-desktop-filter-row-1,[data-page=payroll] .payroll-desktop-filter-row-2{display:none!important}[data-page=payroll] .payroll-mobile-filter-container{display:flex!important}[data-page=payroll] .payroll-filter-container{padding:10px 12px;border-radius:10px}[data-page=payroll] .payroll-legend-bar{padding:8px 12px}[data-page=payroll] .payroll-legend-chips{gap:6px 10px}[data-page=payroll] .payroll-legend-chip{font-size:.68rem}[data-page=payroll] .payroll-legend-hint{font-size:.68rem;margin-top:4px}}@media(max-width:359px){[data-page=payroll] .payroll-kpi-value{font-size:.88rem}[data-page=payroll] .payroll-dominant-value{font-size:1.15rem}[data-page=payroll] .payroll-card-actions-grid .payroll-btn-action{font-size:.7rem;padding:0 4px}}[data-theme=dark] [data-page=payroll] .payroll-kpi-card{background:var(--surface);border-color:#ffffff14;box-shadow:0 2px 8px #00000040}[data-theme=dark] [data-page=payroll] .payroll-kpi-dominant-card{background:linear-gradient(135deg,#d2462d29,#d2462d47);border-color:#d2462d80;box-shadow:0 4px 16px #0006}[data-theme=dark] [data-page=payroll] .payroll-filter-container{background:var(--surface);border-color:#ffffff14}[data-theme=dark] [data-page=payroll] .payroll-mobile-nav-select,[data-theme=dark] [data-page=payroll] .payroll-btn-more{background:var(--surface);border-color:#ffffff1f;color:var(--text-primary)}[data-theme=dark] [data-page=payroll] .payroll-btn-more:hover,[data-theme=dark] [data-page=payroll] .payroll-btn-more.active{background:var(--surface-2);border-color:var(--primary)}[data-theme=dark] [data-page=payroll] .payroll-more-popover{background:var(--surface);border-color:#ffffff1f;box-shadow:0 8px 24px #00000080}[data-theme=dark] [data-page=payroll] .payroll-employee-card{background:var(--surface);border-color:#ffffff14;box-shadow:0 2px 8px #00000040}[data-theme=dark] [data-page=payroll] .payroll-card-metric-grid{background:#ffffff0a}[data-page=payroll] .special-fee-kpi-container{width:100%;margin-bottom:16px;box-sizing:border-box}[data-page=payroll] .special-fee-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box}[data-page=payroll] .special-fee-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;box-shadow:var(--shadow-xs);display:flex;align-items:flex-start;justify-content:space-between;gap:8px;min-width:0;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}[data-page=payroll] .special-fee-kpi-card:hover{box-shadow:var(--shadow-sm)}[data-page=payroll] .special-fee-kpi-card.special-fee-kpi-dominant{border-color:#6366f159;background:linear-gradient(135deg,rgba(99,102,241,.06) 0%,var(--surface) 100%)}[data-page=payroll] .special-fee-kpi-content{min-width:0;flex:1;display:flex;flex-direction:column}[data-page=payroll] .special-fee-kpi-label{font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-page=payroll] .special-fee-kpi-value{font-size:1.15rem;font-weight:800;line-height:1.2;margin:0 0 2px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-page=payroll] .special-fee-kpi-sub{font-size:.68rem;color:var(--text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}[data-page=payroll] .special-fee-kpi-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}[data-page=payroll] .text-primary-fee{color:#6366f1}[data-page=payroll] .icon-primary-fee{background:#6366f11f;color:#6366f1}[data-page=payroll] .text-bazaar{color:#6366f1}[data-page=payroll] .icon-bazaar{background:#6366f11a;color:#6366f1}[data-page=payroll] .text-weekend{color:#dc2626}[data-page=payroll] .icon-weekend{background:#dc26261a;color:#dc2626}[data-page=payroll] .text-success{color:#16a34a}[data-page=payroll] .icon-success{background:#16a34a1a;color:#16a34a}[data-page=payroll] .text-amber{color:#d97706}[data-page=payroll] .icon-amber{background:#d977061a;color:#d97706}[data-page=payroll] .special-fee-desktop-filter-toolbar{display:flex;align-items:center;gap:8px;width:100%;min-width:0;box-sizing:border-box;flex-wrap:nowrap}[data-page=payroll] .special-fee-search-wrap{flex:1 1 200px;min-width:150px;max-width:260px;height:36px}[data-page=payroll] .special-fee-control-group{flex-shrink:0}[data-page=payroll] .special-fee-select{height:36px;min-height:36px;font-size:.8rem;border-radius:8px;padding:0 28px 0 10px;background-color:var(--surface);border:1px solid var(--border);color:var(--text-primary)}[data-page=payroll] .special-fee-btn-add{height:36px;min-height:36px;padding:0 12px;font-size:.8rem;font-weight:700;border-radius:8px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}[data-page=payroll] .special-fee-export-wrap{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:6px}[data-page=payroll] .special-fee-export-wrap .export-button-group{display:inline-flex;align-items:center;gap:6px}[data-page=payroll] .special-fee-export-wrap .export-btn-action,[data-page=payroll] .special-fee-export-wrap .print-btn-action{height:36px;min-height:36px;padding:0 12px;font-size:.8rem;font-weight:700;border-radius:8px;display:inline-flex;align-items:center;gap:6px}@media(min-width:768px)and (max-width:1279px){[data-page=payroll] .special-fee-desktop-filter-toolbar{flex-wrap:wrap;row-gap:6px;column-gap:8px}}@media(min-width:768px){[data-page=payroll] .special-fee-mobile-filter-container{display:none!important}}@media(max-width:767px){[data-page=payroll] .special-fee-desktop-filter-toolbar{display:none!important}[data-page=payroll] .special-fee-mobile-filter-container{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}[data-page=payroll] .special-fee-mobile-row-1{width:100%}[data-page=payroll] .special-fee-mobile-row-1 .search-input-wrap{width:100%;height:38px}[data-page=payroll] .special-fee-mobile-row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}[data-page=payroll] .special-fee-mobile-row-2 .filter-select-field{width:100%;height:38px;font-size:.82rem;border-radius:8px}[data-page=payroll] .special-fee-mobile-row-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;box-sizing:border-box}[data-page=payroll] .special-fee-mobile-export-wrap,[data-page=payroll] .special-fee-mobile-export-wrap .export-button-group{display:contents}[data-page=payroll] .special-fee-mobile-export-wrap .export-dropdown-wrapper{width:100%;min-width:0}[data-page=payroll] .special-fee-mobile-export-wrap .export-btn-action,[data-page=payroll] .special-fee-mobile-export-wrap .print-btn-action{width:100%;min-width:0;height:38px;min-height:38px;font-size:.82rem;font-weight:700;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;white-space:nowrap}[data-page=payroll] .special-fee-more-wrapper{position:relative;flex-shrink:0}[data-page=payroll] .special-fee-btn-more{width:38px;height:38px;min-height:38px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}[data-page=payroll] .special-fee-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}[data-page=payroll] .special-fee-kpi-card.special-fee-kpi-dominant{grid-column:1 / -1;padding:16px;background:linear-gradient(135deg,#6366f11a,#6366f12e);border-color:#6366f166}[data-page=payroll] .special-fee-kpi-dominant .special-fee-kpi-value{font-size:1.35rem}[data-page=payroll] .special-fee-kpi-card{padding:10px 12px;border-radius:10px}[data-page=payroll] .special-fee-kpi-card .special-fee-kpi-value{font-size:1rem}[data-page=payroll] .special-fee-kpi-card .special-fee-kpi-label{font-size:.65rem}[data-page=payroll] .special-fee-kpi-card .special-fee-kpi-sub{font-size:.64rem}[data-page=payroll] .special-fee-kpi-icon{width:28px;height:28px;border-radius:6px}[data-page=payroll] .special-fee-kpi-icon svg{width:16px;height:16px}}[data-page=payroll] .special-fee-week-card{border-radius:10px;border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-xs);overflow:hidden;width:100%;box-sizing:border-box}[data-page=payroll] .special-fee-week-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface-2);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease;width:100%;box-sizing:border-box;gap:12px}[data-page=payroll] .special-fee-week-header:hover{background:var(--surface)}[data-page=payroll] .special-fee-week-meta{display:flex;align-items:center;gap:12px;min-width:0;flex:1}[data-page=payroll] .special-fee-week-badge{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.82rem;flex-shrink:0}[data-page=payroll] .special-fee-week-badge.has-items{background:#6366f11f;color:#6366f1}[data-page=payroll] .special-fee-week-badge.empty{background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}[data-page=payroll] .special-fee-week-info{min-width:0;display:flex;flex-direction:column;gap:2px}[data-page=payroll] .special-fee-week-title{font-weight:800;font-size:.86rem;color:var(--text-primary);letter-spacing:.01em;text-transform:uppercase}[data-page=payroll] .special-fee-week-sub{font-size:.74rem;color:var(--text-muted)}[data-page=payroll] .special-fee-week-action{display:flex;align-items:center;flex-shrink:0}[data-page=payroll] .special-fee-btn-toggle{font-size:.74rem;font-weight:700;height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;border-radius:6px}@media(max-width:767px){[data-page=payroll] .special-fee-week-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px 14px}[data-page=payroll] .special-fee-week-meta{align-items:flex-start;gap:10px;width:100%}[data-page=payroll] .special-fee-week-badge{width:30px;height:30px;font-size:.76rem;border-radius:6px}[data-page=payroll] .special-fee-week-title{font-size:.82rem}[data-page=payroll] .special-fee-week-sub{font-size:.72rem}[data-page=payroll] .special-fee-week-action{width:100%}[data-page=payroll] .special-fee-btn-toggle{width:100%;justify-content:center;height:34px}}[data-page=payroll] .special-fee-tab-content,[data-page=payroll] .special-fee-weekly-list,[data-page=payroll] .special-fee-filter-container,[data-page=payroll] .special-fee-kpi-container{width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-wrap:anywhere}[data-theme=dark] [data-page=payroll] .special-fee-kpi-card{background:var(--surface);border-color:#ffffff14;box-shadow:0 2px 8px #00000040}[data-theme=dark] [data-page=payroll] .special-fee-kpi-card.special-fee-kpi-dominant{background:linear-gradient(135deg,#6366f129,#6366f147);border-color:#6366f180;box-shadow:0 4px 16px #0006}[data-theme=dark] [data-page=payroll] .special-fee-filter-container{background:var(--surface);border-color:#ffffff14}[data-theme=dark] [data-page=payroll] .special-fee-week-card{background:var(--surface);border-color:#ffffff14;box-shadow:0 2px 8px #00000040}[data-theme=dark] [data-page=payroll] .special-fee-week-header{background:#ffffff08}[data-theme=dark] [data-page=payroll] .special-fee-week-header:hover{background:#ffffff0f}[data-theme=dark] [data-page=payroll] .special-fee-more-popover{background:var(--surface);border-color:#ffffff1f;box-shadow:0 8px 24px #00000080}[data-page=payroll] .special-fee-desktop-detail-table{display:block;width:100%}[data-page=payroll] .special-fee-mobile-detail-cards{display:none}@media(max-width:767px){[data-page=payroll] .special-fee-desktop-detail-table{display:none!important}[data-page=payroll] .special-fee-mobile-detail-cards{display:block!important;width:100%;min-width:0;max-width:100%;box-sizing:border-box;padding:10px 12px;background:var(--surface-2);border-top:1px solid var(--border)}[data-page=payroll] .tx-special-fee-mobile-cards-list{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}[data-page=payroll] .tx-special-fee-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:9px 12px;box-shadow:var(--shadow-xs);width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:5px;overflow-wrap:anywhere}[data-page=payroll] .tx-sf-card-row-1{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0}[data-page=payroll] .tx-sf-card-date-meta{display:inline-flex;align-items:baseline;gap:6px;min-width:0;flex-wrap:wrap}[data-page=payroll] .tx-sf-card-date-day{font-size:.8rem;font-weight:800;color:var(--text-primary);white-space:nowrap}[data-page=payroll] .tx-sf-card-date-iso{font-size:.68rem;color:var(--text-muted);font-weight:500}[data-page=payroll] .tx-sf-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:.68rem;font-weight:800;flex-shrink:0;white-space:nowrap}[data-page=payroll] .tx-sf-status-badge.filled{background:#22c55e1f;color:#16a34a}[data-page=payroll] .tx-sf-status-badge.empty{background:#d977061f;color:#d97706}[data-page=payroll] .tx-sf-card-row-2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;width:100%;min-width:0;line-height:1.25}[data-page=payroll] .tx-sf-emp-name{font-size:.88rem;font-weight:800;color:var(--text-primary);white-space:normal;word-break:normal;overflow-wrap:anywhere;flex-shrink:0}[data-page=payroll] .tx-sf-outlet-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:2px 6px;border-radius:4px;box-sizing:border-box;white-space:nowrap;flex-shrink:0}[data-page=payroll] .tx-sf-replacement-badge{font-size:.66rem;background:#db277724;color:#be185d;border:1px solid #db2777;padding:1px 5px;border-radius:4px;font-weight:800;display:inline-flex;align-items:center;gap:3px;flex-shrink:0}[data-page=payroll] .tx-sf-card-shift{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;color:var(--text-muted);font-weight:600;flex-shrink:0;white-space:nowrap}[data-page=payroll] .tx-sf-shift-icon{color:var(--text-muted);flex-shrink:0}[data-page=payroll] .tx-sf-card-row-3{display:flex;align-items:flex-start;gap:8px;width:100%;min-width:0;margin-top:1px}[data-page=payroll] .tx-sf-nominal-col{display:flex;flex-direction:column;gap:2px;width:120px;flex-shrink:0;min-width:0}[data-page=payroll] .tx-sf-nominal-input-wrap{position:relative;display:flex;align-items:center;width:100%}[data-page=payroll] .tx-sf-rp-prefix{position:absolute;left:8px;font-size:.72rem;font-weight:700;color:var(--text-muted);pointer-events:none}[data-page=payroll] .tx-sf-nominal-input{height:30px!important;min-height:30px!important;padding-left:26px!important;padding-right:6px!important;font-size:.82rem!important;font-weight:800!important;width:100%!important;border-radius:6px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;box-sizing:border-box}[data-page=payroll] .tx-sf-default-amount{font-size:.65rem;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px}[data-page=payroll] .tx-sf-note-col{flex:1;min-width:0}[data-page=payroll] .tx-sf-note-input{height:30px!important;min-height:30px!important;font-size:.78rem!important;width:100%!important;border-radius:6px!important;padding:0 8px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;box-sizing:border-box}[data-page=payroll] .tx-sf-card-row-4{display:flex;justify-content:flex-end;align-items:center;width:100%;margin-top:1px}[data-page=payroll] .tx-sf-btn-save{height:28px!important;min-height:28px!important;padding:0 12px!important;font-size:.74rem!important;font-weight:700!important;flex-shrink:0;border-radius:6px!important;display:inline-flex;align-items:center;gap:4px}@media(max-width:350px){[data-page=payroll] .tx-special-fee-mobile-card{padding:8px 10px}[data-page=payroll] .tx-sf-nominal-col{width:105px}}[data-page=payroll] .tx-sf-mobile-week-total{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;font-weight:800;color:var(--text-primary);margin-top:4px}[data-page=payroll] .tx-sf-week-total-amount{color:#6366f1;font-size:.92rem}}[data-theme=dark] [data-page=payroll] .special-fee-mobile-detail-cards{background:#0003}[data-theme=dark] [data-page=payroll] .tx-special-fee-mobile-card{background:var(--surface);border-color:#ffffff14;box-shadow:0 2px 8px #0000004d}[data-theme=dark] [data-page=payroll] .tx-sf-mobile-week-total{background:var(--surface);border-color:#ffffff14}.master-salary-tab-container{display:flex;flex-direction:column;gap:16px;width:100%;box-sizing:border-box}.master-salary-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:var(--shadow-xs)}.master-salary-summary-header{display:flex;align-items:center;gap:10px}.master-salary-icon-wrap{width:36px;height:36px;border-radius:8px;background:#f59e0b1f;color:#d97706;display:flex;align-items:center;justify-content:center;flex-shrink:0}.master-salary-summary-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary);letter-spacing:-.01em}.master-salary-summary-subtitle{margin:2px 0 0;font-size:.78rem;color:var(--text-muted)}.master-salary-stat-pills{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.master-salary-stat-pill{display:flex;flex-direction:column;align-items:center;padding:5px 12px;border-radius:8px;min-width:85px}.master-salary-stat-pill .stat-label{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.master-salary-stat-pill .stat-value{font-size:.9rem;font-weight:800;margin-top:1px}.master-salary-stat-pill.pill-ft{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.master-salary-stat-pill.pill-pt{background:#0284c71a;color:#0284c7;border:1px solid rgba(2,132,199,.25)}.master-salary-stat-pill.pill-total{background:#9333ea1a;color:#9333ea;border:1px solid rgba(147,51,234,.25)}.master-salary-filter-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;box-sizing:border-box}.master-salary-search-wrap{position:relative;display:flex;align-items:center;flex-1:1;min-width:200px}.master-salary-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.master-salary-search-input{width:100%;height:36px;padding:0 32px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font-size:.82rem;box-sizing:border-box}.master-salary-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #dc262626}.master-salary-clear-btn{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:4px}.master-salary-filter-selects{display:flex;align-items:center;gap:8px;flex-shrink:0}.master-salary-select-wrap{position:relative;display:flex;align-items:center}.master-salary-select{height:36px;padding:0 28px 0 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font-size:.82rem;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-sizing:border-box}.master-salary-select:focus{outline:none;border-color:var(--accent)}.master-salary-select-chevron{position:absolute;right:8px;color:var(--text-muted);pointer-events:none}.master-salary-desktop-table-container{display:block;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-x:auto;box-shadow:var(--shadow-xs);box-sizing:border-box}.master-salary-desktop-table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}.master-salary-desktop-table thead{background:var(--surface-2);border-bottom:1px solid var(--border)}.master-salary-desktop-table th{padding:10px 14px;font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.master-salary-desktop-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text-primary);white-space:nowrap}.master-salary-row:last-child td{border-bottom:none}.master-salary-row:hover{background:#00000005}.master-salary-desktop-table .th-right,.master-salary-desktop-table .td-right{text-align:right}.master-salary-desktop-table .th-center,.master-salary-desktop-table .td-center{text-align:center}.master-salary-desktop-table .td-currency{font-variant-numeric:tabular-nums;font-weight:600}.master-salary-desktop-table .td-bold{font-weight:800;color:#16a34a}.master-salary-emp-identity{display:flex;flex-direction:column;gap:2px}.master-salary-emp-name{font-size:.86rem;font-weight:800;color:var(--text-primary)}.master-salary-emp-shift{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-muted);font-weight:600}.master-salary-status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:6px;font-size:.68rem;font-weight:800;letter-spacing:.03em;white-space:nowrap}.master-salary-status-badge.badge-ft{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.25)}.master-salary-status-badge.badge-pt{background:#0284c71f;color:#0284c7;border:1px solid rgba(2,132,199,.25)}.master-salary-outlet-chip{display:inline-flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;color:var(--text-primary)}.master-salary-date-td{font-size:.76rem;color:var(--text-muted);font-weight:600}.master-salary-btn-edit{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:6px;background:#dc262614;color:#dc2626;border:1px solid rgba(220,38,38,.2);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.master-salary-btn-edit:hover{background:#dc2626;color:#fff}.master-salary-empty-td{text-align:center;padding:32px 16px;color:var(--text-muted);font-style:italic}.master-salary-mobile-cards-list{display:none}.master-salary-empty-card{text-align:center;padding:24px;background:var(--surface);border:1px dashed var(--border);border-radius:10px;color:var(--text-muted);font-size:.82rem}@media(max-width:767px){.master-salary-desktop-table-container{display:none!important}.master-salary-mobile-cards-list{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.master-salary-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-xs);box-sizing:border-box;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.master-salary-mobile-card:active{background:var(--surface-2)}.ms-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.ms-card-name{font-size:.9rem;font-weight:800;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ms-card-meta-row{display:flex;align-items:center;gap:10px;font-size:.74rem;color:var(--text-muted);font-weight:600}.ms-card-outlet,.ms-card-shift{display:inline-flex;align-items:center;gap:4px}.ms-card-dates-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-size:.72rem;color:var(--text-muted);padding:5px 0;border-top:1px dashed var(--border);border-bottom:1px dashed var(--border)}.ms-card-date-item{display:flex;align-items:center;gap:4px}.ms-card-date-item .date-label{color:var(--text-muted);font-size:.7rem}.ms-card-date-item .date-val{color:var(--text-primary);font-weight:700}.ms-card-finance-box{display:flex;flex-direction:column;gap:3px;padding-top:2px}.ms-finance-row{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.ms-finance-row .fin-label{color:var(--text-muted);font-size:.74rem}.ms-finance-row .fin-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.ms-finance-row.fin-highlight .fin-val{color:#16a34a;font-size:.84rem;font-weight:800}.ms-card-footer{display:flex;justify-content:flex-end;padding-top:2px}.ms-btn-edit-action{display:inline-flex;align-items:center;gap:2px;font-size:.76rem;font-weight:800;color:#dc2626;background:none;border:none;cursor:pointer;padding:2px 4px}.master-salary-filter-toolbar{flex-direction:column;align-items:stretch;gap:8px;padding:10px}.master-salary-search-wrap{min-width:0;width:100%}.master-salary-filter-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.master-salary-select-wrap,.master-salary-select{width:100%}.master-salary-stat-pills{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:6px}.master-salary-stat-pill{min-width:0;padding:5px 6px}}.master-salary-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .15s ease-out}.master-salary-drawer{width:600px;max-width:95vw;height:100%;max-height:100dvh;background:var(--surface);display:flex;flex-direction:column;overflow:hidden;box-shadow:-6px 0 24px #00000040;z-index:1001;box-sizing:border-box;animation:slideInRight .2s cubic-bezier(.16,1,.3,1)}.master-salary-drawer-header{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 18px;flex-shrink:0}.ms-drawer-header-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ms-drawer-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary)}.ms-drawer-back-btn,.ms-drawer-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:600;padding:4px 6px;border-radius:6px;transition:all .12s ease}.ms-drawer-back-btn:hover,.ms-drawer-close-btn:hover{background:var(--surface-2);color:var(--text-primary)}.ms-drawer-emp-hero{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}.ms-drawer-hero-name-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.ms-drawer-emp-name{font-size:1rem;font-weight:800;color:var(--text-primary)}.ms-drawer-hero-meta{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--text-muted)}.ms-drawer-hero-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;padding-top:6px;border-top:1px solid var(--border)}.ms-drawer-date-field{display:flex;align-items:center;gap:6px}.ms-sublabel{font-size:.7rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.ms-date-text{font-size:.74rem;font-weight:700;color:var(--text-primary)}.ms-effective-date-input{height:26px;padding:2px 6px;font-size:.74rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary)}.ms-drawer-fixed-summary{background:#22c55e0f;border:1px solid rgba(34,197,94,.25);border-radius:10px;padding:10px 14px}.ms-summary-header-label{font-size:.68rem;font-weight:800;color:#16a34a;letter-spacing:.05em;text-transform:uppercase;margin-bottom:6px}.ms-summary-items{display:flex;flex-direction:column;gap:3px}.ms-summary-line{display:flex;justify-content:space-between;align-items:center;font-size:.78rem}.ms-summary-line .line-title{color:var(--text-muted);font-size:.74rem}.ms-summary-line .line-val{font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-primary)}.ms-summary-divider{height:1px;background:#22c55e40;margin:3px 0}.ms-summary-line.line-grand .line-title{font-weight:800;color:var(--text-primary);font-size:.8rem}.ms-summary-line.line-grand .grand-val{font-size:.92rem;font-weight:800;color:#16a34a}.master-salary-drawer-body{flex:1 1 0%;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:14px 18px 100px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box}.ms-drawer-emp-hero,.ms-drawer-fixed-summary{width:100%;height:auto;flex:none;flex-shrink:0;box-sizing:border-box}.accordion-section,.ms-accordion-card{width:100%;height:auto;flex:none;flex-shrink:0;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);overflow:visible;transition:border-color .15s ease;box-sizing:border-box;position:static}.accordion-section.is-open,.ms-accordion-card.is-open{border-color:#dc26264d}.accordion-header,.ms-accordion-toggle{width:100%;padding:10px 14px;display:flex;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;text-align:left;box-sizing:border-box}.ms-accordion-title-wrap{display:flex;align-items:center;gap:8px}.ms-accordion-heading{font-size:.8rem;font-weight:800;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em}.ms-accordion-badge{font-size:.66rem;font-weight:700;padding:2px 7px;border-radius:6px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border)}.accordion-content,.ms-accordion-content{position:static;width:100%;height:auto;max-height:none;overflow:visible;padding:12px 14px;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.ms-accordion-card.ms-accordion-danger{border-color:#ef444440;background:#ef444408}.ms-accordion-card.ms-accordion-danger.is-open{border-color:#ef444473}.ms-accordion-content.content-danger{background:#ef444405}.ms-accordion-badge.badge-danger{background:#ef44441f;color:#dc2626;border-color:#ef44444d}.ms-form-grid{display:grid;gap:10px;width:100%}.ms-grid-1{grid-template-columns:1fr}.ms-grid-2{grid-template-columns:1fr 1fr}.ms-grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:500px){.ms-grid-2,.ms-grid-3{grid-template-columns:1fr}}.ms-input-group{display:flex;flex-direction:column}.ms-input-label{font-size:.72rem;font-weight:700;color:var(--text-primary);margin-bottom:3px;display:block}.ms-input-currency-wrap{position:relative;display:flex;align-items:center}.ms-currency-prefix{position:absolute;left:8px;font-size:.7rem;font-weight:700;color:var(--text-muted);pointer-events:none}.ms-num-input{width:100%;height:28px;padding:0 8px 0 28px!important;font-size:.8rem;font-weight:700;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);box-sizing:border-box}.ms-range-wrap{display:flex;align-items:center;gap:6px;width:100%;min-width:0;box-sizing:border-box}.ms-range-wrap .ms-input-currency-wrap{flex:1 1 0%;min-width:0;width:100%;box-sizing:border-box}.ms-range-wrap .ms-num-input{width:100%;min-width:0;box-sizing:border-box}.ms-range-separator{flex-shrink:0;font-size:.8rem;color:var(--text-muted);font-weight:700;padding:0 2px}.ms-input-hint{font-size:.66rem;color:var(--text-muted);margin-top:3px;display:block}.ms-text-input{width:100%;min-width:0;height:38px;padding:0 10px;font-size:.82rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);box-sizing:border-box}.ms-textarea{width:100%;min-width:0;padding:8px 10px;font-size:.82rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);box-sizing:border-box}.master-salary-drawer-footer{flex:0 0 auto;position:sticky;bottom:0;z-index:50;background:var(--surface);border-top:1px solid var(--border);padding:12px 18px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 -4px 12px #0000000d;flex-shrink:0}.ms-btn-cancel{height:38px;padding:0 16px;font-size:.82rem;font-weight:600;border-radius:8px}.ms-btn-save{height:38px;padding:0 20px;font-size:.82rem;font-weight:700;border-radius:8px;display:inline-flex;align-items:center;gap:6px}@media(max-width:767px){.master-salary-drawer-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;height:100dvh!important;z-index:100000!important;padding:0!important;overflow:hidden!important;touch-action:none!important}.master-salary-drawer{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:0!important;box-shadow:none!important;z-index:100001!important;touch-action:pan-y!important}.master-salary-drawer-header{flex:0 0 auto!important;padding:12px 14px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;z-index:10!important}.master-salary-drawer-body{flex:1 1 0%!important;min-height:0!important;height:auto!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;padding:12px 14px 110px!important;display:flex!important;flex-direction:column!important;gap:12px!important;box-sizing:border-box!important}.ms-drawer-emp-hero,.ms-drawer-fixed-summary,.accordion-section,.ms-accordion-card{width:100%!important;height:auto!important;flex:none!important;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important;position:static!important;overflow:visible!important}.accordion-content,.ms-accordion-content{position:static!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.master-salary-drawer-footer{flex:0 0 auto!important;position:sticky!important;bottom:0!important;z-index:50!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;padding:12px 16px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;box-shadow:0 -4px 16px #0000001f!important;box-sizing:border-box!important}.ms-drawer-hero-dates{grid-template-columns:1fr;gap:6px}.ms-form-grid,.ms-grid-1,.ms-grid-2,.ms-grid-3{grid-template-columns:1fr!important;gap:12px!important;width:100%!important;min-width:0!important}.ms-input-group,.ms-input-currency-wrap{width:100%!important;min-width:0!important}.ms-input-label{font-size:.82rem!important;margin-bottom:4px!important}.ms-input-hint{font-size:.74rem!important;margin-top:3px!important}.ms-num-input,.ms-text-input{width:100%!important;min-width:0!important;height:44px!important;font-size:.86rem!important;border-radius:8px!important;box-sizing:border-box!important}.ms-range-wrap{display:flex!important;flex-direction:row!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important}.ms-range-wrap .ms-input-currency-wrap{flex:1 1 0%!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.ms-range-wrap .ms-num-input{width:100%!important;min-width:0!important;height:44px!important;padding-left:28px!important;padding-right:6px!important;font-size:.82rem!important;box-sizing:border-box!important}.ms-range-wrap .ms-currency-prefix{left:8px!important;font-size:.68rem!important}.ms-range-separator{flex:0 0 auto!important;font-size:.76rem!important;color:var(--text-muted)!important;padding:0 2px!important;font-weight:700!important}}@media(max-width:360px){.ms-range-wrap{flex-direction:column!important;align-items:stretch!important;gap:4px!important}.ms-range-separator{display:none!important}}[data-theme=dark] [data-page=payroll] .master-salary-summary-card,[data-theme=dark] [data-page=payroll] .master-salary-filter-toolbar,[data-theme=dark] [data-page=payroll] .master-salary-desktop-table-container,[data-theme=dark] [data-page=payroll] .master-salary-mobile-card,[data-theme=dark] [data-page=payroll] .master-salary-drawer{background:var(--surface);border-color:#ffffff14}[data-theme=dark] [data-page=payroll] .master-salary-row:hover{background:#ffffff08}[data-theme=dark] [data-page=payroll] .master-salary-search-input,[data-theme=dark] [data-page=payroll] .master-salary-select,[data-theme=dark] [data-page=payroll] .ms-effective-date-input,[data-theme=dark] [data-page=payroll] .ms-num-input,[data-theme=dark] [data-page=payroll] .ms-text-input,[data-theme=dark] [data-page=payroll] .ms-textarea{background:var(--surface-2);border-color:#ffffff1a;color:var(--text-primary)}[data-theme=dark] [data-page=payroll] .master-salary-drawer-header,[data-theme=dark] [data-page=payroll] .master-salary-drawer-footer{background:var(--surface);border-color:#ffffff14}[data-theme=dark] [data-page=payroll] .ms-accordion-content{background:#0003}[data-theme=dark] [data-page=payroll] .ms-drawer-emp-hero{background:#ffffff08;border-color:#ffffff14}[data-theme=dark] [data-page=payroll] .ms-drawer-fixed-summary{background:#22c55e14;border-color:#22c55e40}.holiday-desktop-table-container{display:block}.holiday-mobile-cards-list{display:none!important}.holiday-filter-selects{display:flex;align-items:center;gap:10px}@media(min-width:768px){.holiday-desktop-table-container{display:block!important}.holiday-mobile-cards-list{display:none!important}}@media(max-width:767px){.holiday-desktop-table-container{display:none!important}.holiday-mobile-cards-list{display:flex!important;flex-direction:column;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;overflow-x:hidden}[data-page=payroll] .holiday-summary-banner{padding:12px 14px!important;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}[data-page=payroll] .holiday-header-row{flex-direction:column;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important;width:100%;box-sizing:border-box}[data-page=payroll] .holiday-header-actions{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))!important;gap:8px!important;width:100%;box-sizing:border-box}[data-page=payroll] .holiday-header-btn{width:100%;justify-content:center;padding:8px 10px!important;font-size:.78rem!important;min-height:38px;box-sizing:border-box}[data-page=payroll] .holiday-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%;box-sizing:border-box}[data-page=payroll] .holiday-kpi-card{padding:10px 12px!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden}[data-page=payroll] .holiday-note-banner{width:100%;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}[data-page=payroll] .holiday-filter-toolbar{padding:10px 12px!important;flex-direction:column;align-items:stretch!important;gap:8px!important;width:100%;max-width:100%;box-sizing:border-box;overflow-x:hidden}[data-page=payroll] .holiday-filter-controls{flex-direction:column;width:100%;min-width:0!important;gap:8px!important;box-sizing:border-box}[data-page=payroll] .holiday-search-wrap{max-width:100%!important;width:100%!important;box-sizing:border-box}[data-page=payroll] .holiday-filter-selects{display:grid!important;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}[data-page=payroll] .holiday-select{width:100%;font-size:.78rem!important;height:36px!important;min-height:36px!important;box-sizing:border-box}[data-page=payroll] .holiday-count-badge{text-align:right;font-size:.72rem!important;width:100%;box-sizing:border-box}.holiday-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;box-shadow:0 1px 3px #0000000a;overflow-x:hidden}.holiday-m-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box}.holiday-m-date-block{display:flex;flex-direction:column;gap:2px;min-width:0}.holiday-m-date{font-size:.88rem;font-weight:800;color:var(--text-primary);line-height:1.25}.holiday-m-day{font-size:.76rem;color:var(--text-main);font-weight:600}.holiday-m-day-weekend{color:#dc2626!important;font-weight:700}.holiday-m-status-wrap{flex-shrink:0}.holiday-m-status-btn{padding:4px 10px;border-radius:12px;border:none;font-size:.72rem;font-weight:800;cursor:pointer;min-height:28px}.holiday-m-status-btn.active{background:#22c55e26;color:#16a34a}.holiday-m-status-btn.inactive{background:#64748b26;color:var(--text-muted)}.holiday-m-status-badge-active{font-size:.72rem;color:#16a34a;font-weight:800;background:#22c55e1f;padding:4px 9px;border-radius:12px;display:inline-block}.holiday-m-card-body{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;box-sizing:border-box}.holiday-m-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px;width:100%}.holiday-m-name{font-size:.92rem;font-weight:800;color:var(--text-primary);line-height:1.35;overflow-wrap:break-word;word-break:break-word}.holiday-m-cutoff-badge{font-size:.68rem;padding:2px 7px;border-radius:6px;background:#6366f11f;color:#6366f1;font-weight:700;white-space:nowrap}.holiday-m-meta-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;width:100%}.holiday-m-category-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700;white-space:nowrap}.holiday-m-category-badge.company{background:#9333ea1f;color:#9333ea}.holiday-m-category-badge.national{background:#0284c71f;color:#0284c7}.holiday-m-impact-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:600;background:#64748b14;color:var(--text-muted);white-space:normal;word-break:break-word}.holiday-m-impact-badge.weekday-active{color:#dc2626;background:#ef444414;font-weight:700}.holiday-m-dot{font-size:.68rem;flex-shrink:0}.holiday-m-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:10px;border-top:1px dashed var(--border);width:100%;box-sizing:border-box}.holiday-m-btn-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;min-height:36px;font-size:.78rem;font-weight:700;border-radius:8px;width:100%;box-sizing:border-box}}@media(max-width:360px){[data-page=payroll] .holiday-header-actions,[data-page=payroll] .holiday-filter-selects,[data-page=payroll] .holiday-kpi-grid{grid-template-columns:1fr!important}}[data-theme=dark] [data-page=payroll] .holiday-mobile-card{background:var(--surface);border-color:#ffffff14;box-shadow:none}[data-theme=dark] [data-page=payroll] .holiday-m-card-actions{border-top-color:#ffffff14}.so-wrapper{min-height:100vh;background-color:#f9f6e8;color:#1e232a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;justify-content:center;padding-bottom:90px}.so-container{width:100%;max-width:480px;min-height:100vh;background-color:#fff;box-shadow:0 0 30px #0000000d;display:flex;flex-direction:column;position:relative}.so-header{background:linear-gradient(135deg,#d2462d,#b83b26);color:#fff;padding:20px 18px 16px;position:sticky;top:0;z-index:40;box-shadow:0 2px 8px #d2462d33}.so-header-top{display:flex;align-items:center;justify-content:space-between}.so-brand-title{font-size:1.25rem;font-weight:800;letter-spacing:-.5px;margin:0}.so-brand-badge{background:#ffffff38;font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;letter-spacing:.3px;text-transform:uppercase}.so-header-subtitle{font-size:.82rem;opacity:.92;margin-top:4px}.so-section{padding:16px;border-bottom:1px solid #F0EAE1}.so-section-title{font-size:.95rem;font-weight:700;color:#1e232a;margin-bottom:12px;display:flex;align-items:center;gap:6px}.so-section-subtitle{font-size:.78rem;color:#64748b;margin-top:-8px;margin-bottom:12px}.so-pickup-inputs{display:flex;flex-direction:column;gap:12px}.so-field-group{display:flex;flex-direction:column;gap:6px}.so-label{font-size:.8rem;font-weight:600;color:#475569}.so-input{width:100%;height:42px;padding:0 12px;border-radius:8px;border:1.5px solid #E2DCC8;background-color:#fafaf7;font-size:.9rem;color:#1e232a;outline:none;transition:all .2s;box-sizing:border-box}.so-input:focus{border-color:#d2462d;background-color:#fff;box-shadow:0 0 0 3px #d2462d1f}.so-time-slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.so-time-pill{padding:8px 4px;font-size:.85rem;font-weight:600;border-radius:8px;border:1.5px solid #E2DCC8;background-color:#fafaf7;color:#334155;text-align:center;cursor:pointer;transition:all .15s}.so-time-pill:hover{border-color:#d2462d;background-color:#fff5f2}.so-time-pill.active{background-color:#d2462d;border-color:#d2462d;color:#fff;box-shadow:0 2px 6px #d2462d40}.so-time-pill:disabled{opacity:.4;cursor:not-allowed;border-color:#e2e8f0;background-color:#f1f5f9}.so-resolved-box{background-color:#f8faf6;border:1.5px solid #C6E3BF;border-radius:10px;padding:12px 14px;margin-top:10px}.so-resolved-header{display:flex;align-items:center;gap:8px;color:#15803d;font-weight:700;font-size:.92rem}.so-resolved-address{font-size:.8rem;color:#4b5563;margin-top:4px;line-height:1.35}.so-resolved-badge{display:inline-block;margin-top:8px;padding:3px 8px;border-radius:999px;font-size:.72rem;font-weight:700;background-color:#dcfce7;color:#166534}.so-resolved-badge.warn{background-color:#fef3c7;color:#92400e}.so-resolved-badge.danger{background-color:#fee2e2;color:#991b1b}.so-category-scroll{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;background-color:#fff;border-bottom:1px solid #F0EAE1;scrollbar-width:none;position:sticky;top:75px;z-index:30}.so-category-scroll::-webkit-scrollbar{display:none}.so-category-pill{padding:6px 14px;border-radius:999px;border:1px solid #E2DCC8;background-color:#fafaf7;font-size:.82rem;font-weight:600;color:#475569;white-space:nowrap;cursor:pointer;transition:all .15s}.so-category-pill.active{background-color:#d2462d;border-color:#d2462d;color:#fff}.so-product-list{display:flex;flex-direction:column;gap:12px;padding:16px}.so-product-card{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border:1px solid #ECE7D8;border-radius:12px;padding:14px;cursor:pointer;transition:transform .1s,box-shadow .15s,border-color .15s}.so-product-card:hover{border-color:#d2462d;box-shadow:0 4px 12px #d2462d14}.so-product-card:active{transform:scale(.99)}.so-product-info{flex:1;padding-right:12px}.so-product-title{font-size:.98rem;font-weight:700;color:#1e232a;margin-bottom:4px}.so-product-desc{font-size:.78rem;color:#64748b;line-height:1.35;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.so-product-price{font-size:.92rem;font-weight:800;color:#d2462d}.so-product-add-btn{background-color:#fff3f0;color:#d2462d;border:1.5px solid #FCD4CC;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s}.so-product-card:hover .so-product-add-btn{background-color:#d2462d;color:#fff;border-color:#d2462d}.so-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0000008c;display:flex;justify-content:center;align-items:flex-end;z-index:100;animation:fadeIn .2s ease-out}.so-bottom-sheet{width:100%;max-width:480px;max-height:88vh;background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;padding:16px 20px 24px;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 -4px 20px #00000026;animation:slideUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.so-sheet-grabber{width:38px;height:4px;background-color:#cbd5e1;border-radius:999px;align-self:center;margin-bottom:12px}.so-sheet-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.so-sheet-title{font-size:1.15rem;font-weight:800;color:#1e232a;margin:0}.so-sheet-close{background:none;border:none;font-size:1.4rem;color:#94a3b8;cursor:pointer;padding:0 4px}.so-group-container{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #F1ECE1}.so-group-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.so-group-name{font-size:.92rem;font-weight:700;color:#1e232a}.so-group-req{font-size:.72rem;font-weight:700;color:#d2462d;background:#fff0ed;padding:2px 6px;border-radius:4px}.so-options-list{display:flex;flex-direction:column;gap:8px}.so-option-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;border:1.5px solid #E5DFC9;background-color:#fafaf8;cursor:pointer;font-size:.88rem;font-weight:500;transition:all .15s}.so-option-row.selected{border-color:#d2462d;background-color:#fff7f5;color:#d2462d;font-weight:700}.so-option-row:disabled{opacity:.45;cursor:not-allowed}.so-char-counter{font-size:.75rem;font-weight:600;color:#64748b;text-align:right;margin-top:4px}.so-char-counter.limit{color:#dc2626}.so-qty-row{display:flex;justify-content:space-between;align-items:center;margin-top:10px;margin-bottom:16px}.so-qty-controls{display:flex;align-items:center;gap:12px}.so-qty-btn{width:34px;height:34px;border-radius:8px;border:1px solid #CBD5E1;background-color:#f8fafc;font-size:1.1rem;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.so-qty-value{font-size:1rem;font-weight:700;min-width:24px;text-align:center}.so-btn-primary{width:100%;height:48px;background-color:#d2462d;color:#fff;border:none;border-radius:10px;font-size:.98rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #d2462d47;transition:all .2s}.so-btn-primary:hover:not(:disabled){background-color:#b83b26;transform:translateY(-1px)}.so-btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.so-cart-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;padding:12px 16px;background-color:#fff;border-top:1px solid #ECE7D8;box-shadow:0 -4px 16px #00000014;z-index:50;display:flex;justify-content:space-between;align-items:center}.so-cart-bar-info{display:flex;flex-direction:column}.so-cart-bar-count{font-size:.8rem;color:#64748b;font-weight:600}.so-cart-bar-total{font-size:1.15rem;font-weight:800;color:#1e232a}.so-cart-bar-btn{background-color:#d2462d;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px}.so-cart-item{display:flex;flex-direction:column;padding:12px 0;border-bottom:1px solid #F1ECE1}.so-cart-item-header{display:flex;justify-content:space-between;font-weight:700;font-size:.94rem}.so-cart-item-variant{font-size:.8rem;color:#d2462d;font-weight:600;margin-top:2px}.so-cart-item-modifiers{font-size:.78rem;color:#64748b;margin-top:4px;line-height:1.35}.so-cart-item-note{font-size:.78rem;color:#92400e;background-color:#fef3c7;padding:2px 6px;border-radius:4px;margin-top:4px;display:inline-block;width:fit-content}.so-cart-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.so-member-badge{font-size:.78rem;font-weight:600;padding:6px 10px;border-radius:6px;margin-top:4px}.so-member-badge.existing{background-color:#dcfce7;color:#15803d;border:1px solid #BBF7D0}.so-member-badge.new{background-color:#eff6ff;color:#1d4ed8;border:1px solid #BFDBFE}.so-success-card{text-align:center;padding:24px 16px}.so-success-icon{font-size:3.5rem;margin-bottom:10px}.so-order-no-box{background-color:#f8fafc;border:1.5px dashed #CBD5E1;border-radius:10px;padding:12px;margin:16px 0}.so-order-no-label{font-size:.75rem;color:#64748b;text-transform:uppercase;font-weight:700;letter-spacing:.5px}.so-order-no-value{font-size:1.4rem;font-weight:800;color:#1e232a;margin-top:2px}.so-status-badge-unpaid{display:inline-block;background-color:#fef3c7;color:#92400e;font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:999px;margin-top:6px}.so-wa-instruction{background-color:#f0fdf4;border:1.5px solid #BBF7D0;border-radius:10px;padding:14px;margin:18px 0;text-align:left;font-size:.86rem;color:#166534;line-height:1.45}.so-btn-whatsapp{width:100%;height:50px;background-color:#25d366;color:#fff;border:none;border-radius:10px;font-size:.98rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 14px #25d36659;transition:all .2s;text-decoration:none}.so-btn-whatsapp:hover{background-color:#1ebe5d}.so-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.so-method-card{border:2px solid #E2DCC8;border-radius:10px;padding:10px 12px;background:#fafaf7;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:2px;text-align:left}.so-method-card.active{border-color:#d2462d;background:#fff5f2}.so-method-title{font-size:.85rem;font-weight:700;color:#1e232a;display:flex;align-items:center;gap:6px}.so-method-card.active .so-method-title{color:#d2462d}.so-method-desc{font-size:.72rem;color:#64748b;line-height:1.3}.so-ojol-form{margin-top:12px;padding:12px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;display:flex;flex-direction:column;gap:10px}.receipt-page-container{min-height:100vh;background:var(--bg, #FAF9F7);color:var(--text-main, #1E293B);display:flex;flex-direction:column;align-items:center;padding:16px 12px 40px;box-sizing:border-box;transition:background-color .2s ease,color .2s ease}.receipt-top-bar{width:100%;max-width:540px;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap;gap:10px}.receipt-top-brand{display:flex;align-items:center;gap:6px}.receipt-top-title{font-size:.95rem;font-weight:800;color:var(--primary, #D2462D)}.receipt-top-tagline{font-size:.78rem;color:var(--text-muted, #64748B)}.receipt-top-buttons{display:flex;align-items:center;gap:8px}.receipt-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s ease;box-sizing:border-box}.receipt-btn-pdf{background:var(--primary, #D2462D);color:#fff;border-color:var(--primary, #D2462D)}.receipt-btn-pdf:hover:not(:disabled){background:var(--primary-hover, #B83B26);color:#fff}.receipt-btn-pdf:disabled{opacity:.7;cursor:not-allowed}.receipt-btn-print{background:var(--surface, #ffffff);color:var(--text-main, #1E293B);border-color:var(--border, #E2E8F0)}.receipt-btn-print:hover{background:var(--surface-hover, #F1F5F9);border-color:var(--border-strong, #CBD5E1);color:var(--text-main, #1E293B)}.receipt-card{width:100%;max-width:540px;background:var(--surface, #FFFFFF);color:var(--text-main, #1E293B);border:1px solid var(--border, #E2E8F0);border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:24px 20px;box-sizing:border-box;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.receipt-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.receipt-spinner{color:var(--primary, #D2462D);margin-bottom:12px}.receipt-loading-text{font-size:.92rem;color:var(--text-muted, #64748B);font-weight:600}.receipt-error-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px}.receipt-error-icon{width:56px;height:56px;border-radius:50%;background:#ef44441f;color:#dc2626;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.receipt-error-title{margin:0 0 10px;font-size:1.25rem;font-weight:800;color:var(--text-main, #1E293B)}.receipt-error-desc{margin:0 0 20px;font-size:.88rem;color:var(--text-muted, #64748B);line-height:1.5;max-width:420px}.receipt-error-help{background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:12px 16px;font-size:.8rem;color:var(--text-muted, #475569);line-height:1.4}.receipt-header{text-align:center;margin-bottom:12px}.receipt-brand-logo-wrap{display:flex;justify-content:center;margin-bottom:8px}.receipt-brand-logo{max-height:48px;max-width:140px;object-fit:contain}.receipt-brand-name{margin:0;font-size:1.35rem;font-weight:900;color:var(--primary, #D2462D);letter-spacing:.5px}.receipt-brand-tagline{margin:4px 0 0;font-size:.82rem;color:var(--text-muted, #64748B);font-weight:500}.receipt-divider-dashed{border-top:1.5px dashed var(--border-strong, #CBD5E1);margin:14px 0}.receipt-status-strip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.receipt-status-meta{display:flex;flex-direction:column;gap:2px}.receipt-invoice-number{font-size:.95rem;font-weight:800;color:var(--text-main, #1E293B)}.receipt-date{font-size:.75rem;color:var(--text-muted, #64748B)}.receipt-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:800;letter-spacing:.5px}.badge-paid{background:#16a34a1f;color:#15803d;border:1px solid rgba(22,163,74,.28)}.badge-unpaid{background:#dc26261f;color:#b91c1c;border:1px solid rgba(220,38,38,.28)}.badge-processing{background:#d977061f;color:#b45309;border:1px solid rgba(217,119,6,.28)}.badge-void{background:#64748b1f;color:#475569;border:1px solid rgba(100,116,139,.28)}.receipt-info-section{display:flex;flex-direction:column;gap:8px;font-size:.85rem}.receipt-info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.receipt-info-label{color:var(--text-muted, #64748B);font-weight:500;flex-shrink:0;width:120px}.receipt-info-value{color:var(--text-main, #1E293B);text-align:right;flex:1;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.receipt-subtext{font-size:.75rem;color:var(--text-muted, #64748B);font-weight:400}.receipt-maps-link{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:.75rem;color:#2563eb;font-weight:600;text-decoration:none}.receipt-maps-link:hover{text-decoration:underline}.receipt-delivery-box{background:var(--surface-2, #F8FAFC);padding:8px 10px;border-radius:8px;border:1px solid var(--border, #E2E8F0)}.receipt-items-section{display:flex;flex-direction:column;gap:8px}.receipt-items-header{display:flex;justify-content:space-between;font-size:.75rem;font-weight:800;text-transform:uppercase;color:var(--text-muted, #64748B);letter-spacing:.5px;padding-bottom:4px;border-bottom:1px solid var(--border, #E2E8F0)}.receipt-items-list{display:flex;flex-direction:column;gap:10px}.receipt-item-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding-bottom:8px;border-bottom:1px dotted var(--border, #E2E8F0)}.receipt-item-row:last-child{border-bottom:none;padding-bottom:0}.receipt-item-left{display:flex;flex-direction:column;gap:2px;flex:1}.receipt-item-title-row{display:flex;align-items:baseline;gap:6px}.receipt-item-num{font-size:.85rem;font-weight:700;color:var(--text-muted, #64748B)}.receipt-item-name{font-size:.88rem;font-weight:700;color:var(--text-main, #1E293B)}.receipt-item-qty-row{font-size:.78rem;color:var(--text-muted, #64748B);padding-left:16px}.receipt-item-detail-chip{padding-left:16px;font-size:.75rem;color:var(--text-muted, #475569)}.receipt-item-notes{padding-left:16px;font-size:.74rem;color:var(--text-muted, #64748B);font-style:italic}.receipt-item-right{font-size:.88rem;font-weight:700;color:var(--text-main, #1E293B);white-space:nowrap}.receipt-empty-items{font-size:.82rem;color:var(--text-muted, #64748B);font-style:italic;margin:8px 0}.receipt-order-notes-box{background:#fefce8;border:1px solid #fef08a;border-radius:8px;padding:10px 12px;margin-top:10px}.receipt-notes-title{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:800;color:#854d0e;text-transform:uppercase;margin-bottom:2px}.receipt-notes-content{margin:0;font-size:.8rem;color:#713f12;font-style:italic}.receipt-financial-section{display:flex;flex-direction:column;gap:6px;font-size:.85rem}.receipt-fin-row{display:flex;justify-content:space-between;color:var(--text-main, #1E293B)}.receipt-fin-discount{color:#15803d}.receipt-fin-total{margin-top:6px;padding-top:8px;border-top:1.5px solid var(--border-strong, #CBD5E1);font-size:1.05rem;font-weight:900;color:var(--primary, #D2462D)}.receipt-fin-meta{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted, #64748B);margin-top:4px}.receipt-footer{text-align:center;margin-top:6px}.receipt-footer-thanks{margin:0 0 6px;font-size:.85rem;font-weight:700;color:var(--primary, #D2462D)}.receipt-footer-security{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.72rem;color:var(--text-muted, #64748B);line-height:1.3}.receipt-shield-icon{color:#15803d;flex-shrink:0}[data-theme=dark] .receipt-page-container,body.dark-mode .receipt-page-container,.dark-theme .receipt-page-container,.dark .receipt-page-container{background:var(--bg, #181A1F);color:var(--text-main, #F1F5F9)}[data-theme=dark] .receipt-card,body.dark-mode .receipt-card,.dark-theme .receipt-card,.dark .receipt-card{background:var(--surface, #20242A);border-color:var(--border, #2D333E);color:var(--text-main, #F1F5F9);box-shadow:0 8px 24px #0006}[data-theme=dark] .receipt-btn-print,body.dark-mode .receipt-btn-print,.dark-theme .receipt-btn-print,.dark .receipt-btn-print{background:var(--surface-2, #242932);color:var(--text-main, #F1F5F9);border-color:var(--border, #2D333E)}[data-theme=dark] .receipt-btn-print:hover,body.dark-mode .receipt-btn-print:hover{background:var(--surface-3, #2D333E);color:#fff}[data-theme=dark] .receipt-invoice-number,body.dark-mode .receipt-invoice-number,.dark-theme .receipt-invoice-number,.dark .receipt-invoice-number{color:#f8fafc!important}[data-theme=dark] .receipt-date,[data-theme=dark] .receipt-info-label,[data-theme=dark] .receipt-item-num,[data-theme=dark] .receipt-item-qty-row,[data-theme=dark] .receipt-items-header,[data-theme=dark] .receipt-fin-meta,[data-theme=dark] .receipt-footer-security,body.dark-mode .receipt-date,body.dark-mode .receipt-info-label,body.dark-mode .receipt-item-num,body.dark-mode .receipt-item-qty-row,body.dark-mode .receipt-items-header,body.dark-mode .receipt-fin-meta,body.dark-mode .receipt-footer-security{color:#94a3b8!important}[data-theme=dark] .receipt-info-value,[data-theme=dark] .receipt-item-name,[data-theme=dark] .receipt-item-right,[data-theme=dark] .receipt-fin-row,body.dark-mode .receipt-info-value,body.dark-mode .receipt-item-name,body.dark-mode .receipt-item-right,body.dark-mode .receipt-fin-row{color:#f8fafc!important}[data-theme=dark] .receipt-divider-dashed,body.dark-mode .receipt-divider-dashed{border-color:#334155}[data-theme=dark] .receipt-items-header,[data-theme=dark] .receipt-item-row,body.dark-mode .receipt-items-header,body.dark-mode .receipt-item-row{border-color:#2d333e}[data-theme=dark] .receipt-item-detail-chip,body.dark-mode .receipt-item-detail-chip{color:#cbd5e1}[data-theme=dark] .receipt-item-notes,body.dark-mode .receipt-item-notes{color:#fbbf24}[data-theme=dark] .receipt-delivery-box,body.dark-mode .receipt-delivery-box{background:#181a1f;border-color:#2d333e}[data-theme=dark] .receipt-maps-link,body.dark-mode .receipt-maps-link{color:#60a5fa}[data-theme=dark] .receipt-order-notes-box,body.dark-mode .receipt-order-notes-box{background:#eab3081f;border-color:#eab3084d}[data-theme=dark] .receipt-notes-title,body.dark-mode .receipt-notes-title{color:#fde047}[data-theme=dark] .receipt-notes-content,body.dark-mode .receipt-notes-content{color:#fef08a}[data-theme=dark] .receipt-fin-total,body.dark-mode .receipt-fin-total{border-top-color:#334155;color:#f87171}[data-theme=dark] .receipt-fin-discount,body.dark-mode .receipt-fin-discount{color:#4ade80}[data-theme=dark] .badge-paid,body.dark-mode .badge-paid{background:#22c55e33;color:#4ade80;border-color:#22c55e66}[data-theme=dark] .badge-unpaid,body.dark-mode .badge-unpaid{background:#ef444433;color:#f87171;border-color:#ef444466}[data-theme=dark] .badge-processing,body.dark-mode .badge-processing{background:#f59e0b33;color:#fbbf24;border-color:#f59e0b66}@media print{@page{margin:10mm;size:auto}html,body,.receipt-page-container,[data-theme=dark] .receipt-page-container,body.dark-mode .receipt-page-container{background:#fff!important;color:#111827!important;padding:0!important;margin:0!important}.no-print{display:none!important}.receipt-card,[data-theme=dark] .receipt-card,body.dark-mode .receipt-card{border:none!important;box-shadow:none!important;max-width:100%!important;width:100%!important;padding:0!important;background:#fff!important;color:#111827!important}.receipt-brand-name{color:#d2462d!important}.receipt-brand-tagline,.receipt-date,.receipt-info-label,.receipt-item-num,.receipt-item-qty-row,.receipt-items-header,.receipt-fin-meta,.receipt-footer-security{color:#4b5563!important}.receipt-invoice-number,.receipt-info-value,.receipt-item-name,.receipt-item-right,.receipt-fin-row,.receipt-item-detail-chip{color:#111827!important}.receipt-item-notes{color:#6b7280!important}.receipt-divider-dashed{border-top:1px dashed #9CA3AF!important}.receipt-items-header,.receipt-item-row{border-bottom-color:#e5e7eb!important}.receipt-delivery-box{background:#f9fafb!important;border:1px solid #E5E7EB!important}.receipt-order-notes-box{background:#fefce8!important;border:1px solid #FEF08A!important}.receipt-notes-title{color:#854d0e!important}.receipt-notes-content{color:#713f12!important}.receipt-fin-total{border-top:1.5px solid #111827!important;color:#d2462d!important}.badge-paid{background:#ecfdf5!important;color:#15803d!important;border:1px solid #86EFAC!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.badge-unpaid{background:#fef2f2!important;color:#b91c1c!important;border:1px solid #FCA5A5!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.badge-processing{background:#fffbeb!important;color:#b45309!important;border:1px solid #FDE68A!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.mm-page-wrapper{padding:24px;max-width:1200px;margin:0 auto;color:var(--text-main, #1E232A);box-sizing:border-box;width:100%}@media(max-width:767px){.mm-page-wrapper{padding:12px;width:100%;max-width:100%;box-sizing:border-box}}.mm-desktop-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.mm-back-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-main, #1E232A);font-size:.84rem;font-weight:600;cursor:pointer;height:38px;box-sizing:border-box;flex-shrink:0;transition:all .15s ease}.mm-back-btn:hover{background:var(--surface-2, #FBF8EE);border-color:var(--primary, #D2462D)}.mm-page-title{font-size:1.35rem;font-weight:800;margin:0;display:flex;align-items:center;gap:8px;color:var(--text-main, #1E232A);line-height:1.25}.mm-page-subtitle{font-size:.84rem;color:var(--text-muted, #64748B);margin:3px 0 0;line-height:1.35}.mm-action-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-main, #1E232A);font-size:.82rem;font-weight:600;cursor:pointer;height:38px;box-sizing:border-box;white-space:nowrap;transition:all .15s ease}.mm-action-btn:hover{background:var(--surface-2, #FBF8EE);border-color:var(--primary, #D2462D)}.mm-owner-badge{display:inline-flex;align-items:center;gap:5px;background:#d2462d1f;color:var(--primary, #D2462D);padding:6px 10px;border-radius:6px;font-weight:700;font-size:.76rem;height:38px;box-sizing:border-box;white-space:nowrap;letter-spacing:.3px}.mm-mobile-header{display:none}@media(max-width:767px){.mm-desktop-header{display:none!important}.mm-mobile-header{display:flex!important;flex-direction:column;gap:14px;margin-bottom:14px;width:100%;box-sizing:border-box}.mm-mobile-top-bar{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.mm-mobile-title-block{display:flex;flex-direction:column;width:100%;box-sizing:border-box;text-align:left}.mm-mobile-heading{font-size:clamp(1.65rem,7.5vw,1.95rem);font-weight:800;line-height:1.15;color:var(--text-main, #1E232A);margin:0;text-align:left;letter-spacing:-.5px;word-break:break-word;width:100%}.mm-mobile-subtitle{font-size:.82rem;color:var(--text-muted, #64748B);line-height:1.4;margin:8px 0 0;text-align:left;word-break:break-word;width:100%}.mm-mobile-quick-actions{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:2px;box-sizing:border-box}.mm-mobile-actions-row-1{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}.mm-mobile-action-btn{height:44px;min-height:44px;padding:0 10px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-main, #1E232A);font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-sizing:border-box;width:100%;min-width:0;transition:all .15s ease}.mm-mobile-action-btn.full-width{width:100%}.mm-mobile-action-btn:hover{background:var(--surface-2, #FBF8EE);border-color:var(--primary, #D2462D)}}.mm-feedback-banner{padding:10px 14px;border-radius:8px;margin-bottom:14px;display:flex;align-items:center;gap:10px;font-size:.84rem;font-weight:600;box-sizing:border-box}.mm-feedback-banner.error{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.mm-feedback-banner.success{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.mm-desktop-toolbar{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);border-radius:12px;padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 3px #00000005;box-sizing:border-box}.mm-toolbar-top-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mm-search-wrapper{position:relative;flex:1;min-width:240px}.mm-search-input{width:100%;height:38px;padding-left:36px;padding-right:12px;border-radius:8px;border:1.5px solid var(--border, #E5DFC9);background:var(--surface-2, #FBF8EE);font-size:.86rem;color:var(--text-main, #1E232A);box-sizing:border-box;outline:none;transition:border-color .15s ease}.mm-search-input:focus{border-color:var(--primary, #D2462D)}.mm-button-group{display:inline-flex;border-radius:8px;border:1px solid var(--border, #E5DFC9);overflow:hidden;height:38px}.mm-btn-pill{padding:0 12px;font-size:.78rem;font-weight:700;border:none;background:var(--surface, #FFFFFF);color:var(--text-main, #1E232A);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.mm-btn-pill.active-status{background:var(--primary, #D2462D);color:#fff}.mm-btn-pill.active-channel{background:#1e293b;color:#fff}.mm-brand-select-wrapper{display:inline-flex;align-items:center;gap:6px;height:38px}.mm-brand-select{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-main, #1E232A);font-size:.78rem;font-weight:700;cursor:pointer;box-sizing:border-box}.mm-category-chips-row{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.mm-category-chip{padding:5px 12px;border-radius:999px;font-size:.76rem;font-weight:700;border:1px solid var(--border, #E5DFC9);background:var(--surface-2, #FBF8EE);color:var(--text-main, #1E232A);cursor:pointer;white-space:nowrap;transition:all .15s ease}.mm-category-chip.active{background:var(--primary, #D2462D);color:#fff;border-color:var(--primary, #D2462D)}.mm-mobile-filter-card{display:none}@media(max-width:767px){.mm-desktop-toolbar{display:none!important}.mm-mobile-filter-card{display:flex!important;flex-direction:column;gap:10px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);border-radius:12px;padding:12px;margin-bottom:14px;box-shadow:0 1px 3px #00000005;width:100%;box-sizing:border-box}.mm-mobile-search-row{position:relative;width:100%;box-sizing:border-box}.mm-mobile-search-input{width:100%;height:42px;min-height:42px;padding-left:36px;padding-right:34px;border-radius:8px;border:1.5px solid var(--border, #E5DFC9);background:var(--surface-2, #FBF8EE);font-size:.84rem;color:var(--text-main, #1E232A);box-sizing:border-box;outline:none}.mm-mobile-search-input:focus{border-color:var(--primary, #D2462D)}.mm-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted, #64748B);pointer-events:none}.mm-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;color:var(--text-muted, #64748B);cursor:pointer;display:flex;align-items:center;justify-content:center}.mm-mobile-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}.mm-filter-field{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%;box-sizing:border-box}.mm-filter-label{font-size:.72rem;font-weight:700;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.3px;padding-left:1px}.mm-mobile-select{width:100%;max-width:100%;min-width:0;height:42px;min-height:42px;padding:0 8px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-main, #1E232A);font-size:.8rem;font-weight:600;outline:none;box-sizing:border-box;cursor:pointer;text-overflow:ellipsis;white-space:nowrap}.mm-mobile-select:focus{border-color:var(--primary, #D2462D)}.mm-mobile-chips-row{display:flex;gap:6px;overflow-x:auto;width:100%;max-width:100%;padding-top:4px;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box}.mm-mobile-chips-row::-webkit-scrollbar{display:none}.mm-mobile-chip{padding:5px 11px;border-radius:999px;font-size:.72rem;font-weight:700;border:1px solid var(--border, #E5DFC9);background:var(--surface-2, #FBF8EE);color:var(--text-main, #1E232A);cursor:pointer;white-space:nowrap;flex-shrink:0;box-sizing:border-box;transition:all .15s ease}.mm-mobile-chip.active{background:var(--primary, #D2462D);color:#fff;border-color:var(--primary, #D2462D)}}.mm-desktop-table-container{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000008;box-sizing:border-box}.mm-table-header{padding:16px 20px;border-bottom:1px solid var(--border, #E5DFC9);display:flex;justify-content:space-between;align-items:center}.mm-table-scroll-area{overflow-x:auto;width:100%}.mm-catalog-table{width:100%;border-collapse:collapse;text-align:left;font-size:.84rem}.mm-catalog-table th{padding:10px 14px;background:var(--surface-2, #FBF8EE);border-bottom:1px solid var(--border, #E5DFC9);color:var(--text-muted, #64748B);font-size:.74rem;text-transform:uppercase;letter-spacing:.5px}.mm-catalog-table td{padding:12px 14px;border-bottom:1px solid var(--border, #E5DFC9);vertical-align:middle}@media(max-width:767px){.mm-desktop-table-container{display:none!important}}.mm-mobile-cards-container{display:none}@media(max-width:767px){.mm-mobile-cards-container{display:flex!important;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.mm-mobile-catalog-header{display:flex;align-items:center;justify-content:space-between;padding:2px 2px 6px;font-size:.8rem;color:var(--text-muted, #64748B);box-sizing:border-box;width:100%}.mm-mobile-count-title{font-size:.88rem;font-weight:800;color:var(--text-main, #1E232A);display:flex;align-items:center;gap:6px}.mm-product-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #00000005;box-sizing:border-box;width:100%;min-width:0;transition:border-color .15s ease}.mm-product-card.is-inactive{opacity:.75;background:var(--surface-2, #FBF8EE)}.mm-card-main-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0;box-sizing:border-box}.mm-order-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex-shrink:0;background:var(--surface-2, #FBF8EE);border:1px solid var(--border, #E5DFC9);border-radius:8px;padding:3px 5px;min-width:30px;box-sizing:border-box}.mm-order-btn{background:none;border:none;padding:2px;color:var(--text-muted, #64748B);cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.mm-order-btn:disabled{opacity:.2;cursor:not-allowed}.mm-order-num{font-size:.78rem;font-weight:800;color:var(--text-main, #1E232A)}.mm-product-thumb{width:48px;height:48px;border-radius:8px;background:var(--surface-2, #FBF8EE);border:1px solid var(--border, #E5DFC9);display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;box-sizing:border-box}.mm-product-thumb img{width:100%;height:100%;object-fit:cover}.mm-thumb-placeholder{color:var(--primary, #D2462D);opacity:.45}.mm-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mm-product-name{font-size:.96rem;font-weight:800;color:var(--text-main, #1E232A);margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.mm-product-desc{font-size:.74rem;color:var(--text-muted, #64748B);margin:2px 0 0;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.mm-product-meta-row{display:flex;align-items:center;gap:6px;margin-top:2px;flex-wrap:wrap}.mm-category-badge{font-size:.72rem;background:var(--surface-2, #FBF8EE);color:var(--text-muted, #64748B);padding:2px 7px;border-radius:4px;border:1px solid var(--border, #E5DFC9);font-weight:700;white-space:nowrap}.mm-price-row{margin-top:1px}.mm-price-tag{font-size:.8rem;font-weight:800;color:var(--primary, #D2462D)}.mm-price-tag.is-unset{color:var(--text-muted, #64748B);font-weight:600;font-style:italic}.mm-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;background:var(--surface-2, #FBF8EE);border:1px solid var(--border, #E5DFC9);border-radius:8px;padding:8px;box-sizing:border-box;width:100%}.mm-status-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.mm-status-label{font-size:.68rem;font-weight:700;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.3px}.mm-toggle-btn{width:100%;height:40px;min-height:40px;border-radius:6px;font-size:.78rem;font-weight:800;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .15s ease;box-sizing:border-box}.mm-toggle-btn.on-active{background:#dcfce7;color:#15803d;border:1px solid rgba(21,128,61,.25)}.mm-toggle-btn.on-pos{background:#dbeafe;color:#1e40af;border:1px solid rgba(30,64,175,.25)}.mm-toggle-btn.on-so{background:#d2462d1f;color:var(--primary, #D2462D);border:1px solid rgba(210,70,45,.25)}.mm-toggle-btn.off{background:var(--surface, #FFFFFF);color:var(--text-muted, #64748B);border:1px solid var(--border, #E5DFC9)}.mm-card-footer{display:flex;align-items:center;justify-content:space-between;padding:2px 0 0;width:100%;box-sizing:border-box;font-size:.74rem}.mm-variants-summary{font-weight:700;color:var(--text-muted, #64748B);display:inline-flex;align-items:center;gap:4px}.mm-variants-summary.has-variants{color:#16a34a}.mm-variants-summary.no-variants{color:var(--text-muted, #64748B)}.mm-modifiers-summary{font-weight:600;color:var(--text-muted, #64748B)}.mm-edit-btn-full{width:100%;height:40px;min-height:40px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--primary, #D2462D);font-size:.82rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.mm-edit-btn-full:hover{background:#d2462d14;border-color:var(--primary, #D2462D)}}.mm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.mm-modal-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;overflow:hidden;box-sizing:border-box}.mm-modal-header{padding:18px 24px;border-bottom:1px solid var(--border, #E5DFC9);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.mm-modal-title{font-size:1.15rem;font-weight:800;margin:0;color:var(--text-main, #1E232A)}.mm-modal-close-btn{background:none;border:none;padding:6px;border-radius:6px;color:var(--text-muted, #64748B);cursor:pointer;display:flex;align-items:center;justify-content:center}.mm-modal-body{padding:20px 24px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.mm-modal-footer{padding:14px 24px;border-top:1px solid var(--border, #E5DFC9);display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;background:var(--surface-2, #FBF8EE);box-sizing:border-box}.mm-btn-secondary{padding:8px 16px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-main, #1E232A);font-weight:700;font-size:.84rem;cursor:pointer}.mm-btn-primary{padding:8px 18px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;font-weight:700;font-size:.84rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.mm-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.mm-modal-card{max-height:94vh;border-radius:12px}.mm-modal-header{padding:14px 16px}.mm-modal-body{padding:14px 16px;gap:16px}.mm-modal-footer{padding:12px 16px}}[data-theme=dark] .mm-page-wrapper,.dark-theme .mm-page-wrapper{color:var(--text-main, #F1F5F9)}[data-theme=dark] .mm-back-btn,.dark-theme .mm-back-btn,[data-theme=dark] .mm-action-btn,.dark-theme .mm-action-btn,[data-theme=dark] .mm-mobile-action-btn,.dark-theme .mm-mobile-action-btn,[data-theme=dark] .mm-edit-btn-full,.dark-theme .mm-edit-btn-full,[data-theme=dark] .mm-order-controls,.dark-theme .mm-order-controls,[data-theme=dark] .mm-mobile-select,.dark-theme .mm-mobile-select,[data-theme=dark] .mm-brand-select,.dark-theme .mm-brand-select,[data-theme=dark] .mm-btn-pill,.dark-theme .mm-btn-pill,[data-theme=dark] .mm-btn-secondary,.dark-theme .mm-btn-secondary{background:var(--surface, #1E232A);color:var(--text-main, #F1F5F9);border-color:var(--border, rgba(255,255,255,.12))}[data-theme=dark] .mm-mobile-search-input,.dark-theme .mm-mobile-search-input,[data-theme=dark] .mm-search-input,.dark-theme .mm-search-input,[data-theme=dark] .mm-product-thumb,.dark-theme .mm-product-thumb,[data-theme=dark] .mm-category-badge,.dark-theme .mm-category-badge,[data-theme=dark] .mm-category-chip,.dark-theme .mm-category-chip,[data-theme=dark] .mm-mobile-chip,.dark-theme .mm-mobile-chip,[data-theme=dark] .mm-catalog-table th,.dark-theme .mm-catalog-table th,[data-theme=dark] .mm-modal-footer,.dark-theme .mm-modal-footer{background:var(--surface-2, #23272E);color:var(--text-main, #F1F5F9);border-color:var(--border, rgba(255,255,255,.12))}[data-theme=dark] .mm-mobile-filter-card,.dark-theme .mm-mobile-filter-card,[data-theme=dark] .mm-product-card,.dark-theme .mm-product-card,[data-theme=dark] .mm-desktop-toolbar,.dark-theme .mm-desktop-toolbar,[data-theme=dark] .mm-desktop-table-container,.dark-theme .mm-desktop-table-container,[data-theme=dark] .mm-modal-card,.dark-theme .mm-modal-card{background:var(--surface, #1E232A);border-color:var(--border, rgba(255,255,255,.12))}[data-theme=dark] .mm-status-grid,.dark-theme .mm-status-grid{background:var(--surface-2, #23272E);border-color:var(--border, rgba(255,255,255,.12))}[data-theme=dark] .mm-toggle-btn.on-active,.dark-theme .mm-toggle-btn.on-active{background:#22c55e38;color:#4ade80;border:1px solid rgba(34,197,94,.4)}[data-theme=dark] .mm-toggle-btn.on-pos,.dark-theme .mm-toggle-btn.on-pos{background:#3b82f638;color:#60a5fa;border:1px solid rgba(59,130,246,.4)}[data-theme=dark] .mm-toggle-btn.on-so,.dark-theme .mm-toggle-btn.on-so{background:#d2462d38;color:#f87171;border:1px solid rgba(210,70,45,.4)}[data-theme=dark] .mm-toggle-btn.off,.dark-theme .mm-toggle-btn.off{background:var(--surface, #1E232A);color:var(--text-muted, #94A3B8);border-color:var(--border, rgba(255,255,255,.12))}[data-theme=dark] .mm-edit-btn-full,.dark-theme .mm-edit-btn-full{color:#f87171}[data-theme=dark] .mm-card-summary-text,.dark-theme .mm-card-summary-text{color:var(--text-muted, #94A3B8)}[data-theme=dark] .mm-mobile-heading,.dark-theme .mm-mobile-heading{color:var(--text-main, #F1F5F9)}[data-theme=dark] .mm-price-tag.is-unset,.dark-theme .mm-price-tag.is-unset{color:var(--text-muted, #94A3B8)}[data-theme=dark] .mm-product-card.is-inactive,.dark-theme .mm-product-card.is-inactive{background:var(--surface-2, #181B20)}.mm-page-wrapper{max-width:1080px;margin:0 auto;padding:20px 16px 80px;box-sizing:border-box;width:100%}.mm-top-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.mm-header-left{display:flex;align-items:center;gap:12px}.mm-back-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.mm-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mm-page-title{font-size:1.3rem;font-weight:800;color:var(--text-primary);margin:0}.mm-engine-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;background:#d2462d1f;color:var(--primary, #D2462D);border:1px solid rgba(210,70,45,.25);white-space:nowrap}.mm-page-subtitle{font-size:.8rem;color:var(--text-muted);margin:2px 0 0}.mm-header-actions{display:flex;align-items:center;gap:10px}.mm-btn-master-menu{padding:9px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;box-sizing:border-box;transition:background .15s}.mm-btn-add-group{padding:9px 16px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;font-size:.82rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;height:40px;box-sizing:border-box;box-shadow:0 2px 6px #d2462d4d;transition:opacity .15s}.mm-toolbar{background:var(--surface-1);padding:12px 16px;border-radius:10px;border:1px solid var(--border);margin-bottom:20px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;box-sizing:border-box}.mm-search-wrap{display:flex;align-items:center;gap:8px;flex:1 1 240px;max-width:400px;position:relative;box-sizing:border-box}.mm-search-input{width:100%;padding:7px 10px 7px 32px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font-size:.82rem;box-sizing:border-box}.mm-filters-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mm-filter-item{display:flex;align-items:center;gap:6px;font-size:.78rem}.mm-filter-select{padding:5px 8px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-primary);font-size:.78rem}.mm-group-card{background:var(--surface-1);border-radius:12px;border:1px solid var(--border);overflow:hidden;transition:border .2s,opacity .2s;margin-bottom:16px;box-sizing:border-box}.mm-group-card.inactive{border-color:#ef444440;opacity:.78}.mm-group-header{padding:14px 18px;background:var(--surface-2);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.mm-group-meta-left{display:flex;align-items:center;gap:10px}.mm-group-reorder{display:flex;flex-direction:column;gap:2px}.mm-group-reorder button{background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary)}.mm-group-reorder button:disabled{cursor:not-allowed;color:var(--text-muted);opacity:.3}.mm-group-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mm-group-name{font-size:1rem;font-weight:800;color:var(--text-primary);margin:0}.mm-group-badge-active{font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.mm-group-badge-inactive{font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.mm-group-badge-req{font-size:.68rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#d2462d1f;color:var(--primary, #D2462D)}.mm-group-badge-opt{font-size:.68rem;font-weight:600;padding:1px 6px;border-radius:4px;background:var(--surface-1);color:var(--text-muted)}.mm-group-sub-line{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:.73rem;color:var(--text-muted);flex-wrap:wrap}.mm-group-actions{display:flex;align-items:center;gap:8px}.mm-group-actions button{border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:4px}.mm-group-btn-toggle{padding:6px 10px;border:1px solid var(--border);background:var(--surface-1)}.mm-group-btn-edit{padding:6px 12px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary)}.mm-group-btn-add-opt{padding:6px 12px;border:none;background:var(--primary, #D2462D);color:#fff}.mm-group-body{padding:12px 18px}.mm-option-list{display:flex;flex-direction:column;gap:6px}.mm-option-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);box-sizing:border-box}.mm-option-row.inactive{background:#ef44440d;border-color:#ef444433;opacity:.7}.mm-option-left{display:flex;align-items:center;gap:10px;min-width:0}.mm-option-reorder{display:flex;flex-direction:column;gap:1px}.mm-option-reorder button{background:none;border:none;padding:0;cursor:pointer;color:var(--text-primary)}.mm-option-reorder button:disabled{cursor:not-allowed;color:var(--text-muted);opacity:.3}.mm-option-info{display:flex;flex-direction:column;min-width:0}.mm-option-title-row{display:flex;align-items:center;gap:6px}.mm-option-name{font-size:.86rem;font-weight:700;color:var(--text-primary)}.mm-option-badge-inactive{font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:4px;background:#ef44441f;color:#dc2626}.mm-option-price{font-size:.75rem;font-weight:600}.mm-option-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.mm-option-btn-toggle{padding:4px 8px;border-radius:5px;border:1px solid var(--border);background:var(--surface-1);font-size:.72rem;font-weight:700;cursor:pointer}.mm-option-btn-edit{padding:4px 8px;border-radius:5px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);font-size:.72rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:3px}@media(max-width:767px){.mm-page-wrapper{padding:12px 12px 60px;width:100%;max-width:100%;overflow-x:hidden}.mm-top-header{gap:8px;margin-bottom:12px}.mm-header-left{gap:8px;width:100%;align-items:flex-start}.mm-back-btn{width:34px;height:34px;margin-top:2px}.mm-page-title{font-size:1.15rem}.mm-engine-badge{font-size:.62rem;padding:1px 6px}.mm-page-subtitle{font-size:.73rem;line-height:1.25;margin-top:2px}.mm-header-actions{width:100%;display:flex;flex-direction:row;align-items:center;gap:8px}.mm-btn-master-menu,.mm-btn-add-group{flex:1;height:44px;padding:0 10px;font-size:.78rem;white-space:nowrap;justify-content:center}.mm-toolbar{padding:10px;gap:8px;margin-bottom:12px;border-radius:8px}.mm-search-wrap{flex:1 1 100%;max-width:100%;width:100%}.mm-search-input{height:38px;font-size:.8rem}.mm-filters-wrap{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.mm-filter-item{display:flex;flex-direction:column;align-items:stretch;gap:2px;width:100%}.mm-filter-item span{font-size:.7rem}.mm-filter-select{width:100%;height:34px;padding:4px 6px;font-size:.75rem;box-sizing:border-box}.mm-group-card{border-radius:10px;margin-bottom:12px}.mm-group-header{padding:10px 12px;gap:8px}.mm-group-meta-left{width:100%;gap:8px;align-items:flex-start}.mm-group-name{font-size:.92rem}.mm-group-sub-line{font-size:.7rem;margin-top:2px;gap:6px}.mm-group-actions{width:100%;display:flex;justify-content:flex-end;gap:6px;padding-top:6px;border-top:1px dashed var(--border)}.mm-group-actions button{padding:5px 8px;font-size:.7rem;height:32px;box-sizing:border-box}.mm-group-body{padding:8px 10px}.mm-option-row{padding:6px 8px;gap:6px}.mm-option-left{gap:6px;min-width:0;flex:1}.mm-option-name{font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-option-price{font-size:.7rem}.mm-option-actions{gap:4px;flex-shrink:0}.mm-option-actions button{padding:4px 6px;font-size:.68rem;height:28px}.mm-modal-overlay{padding:10px}.mm-modal-card{width:100%!important;max-width:100%!important;max-height:92vh;border-radius:12px}.mm-modal-header,.mm-modal-form{padding:14px 16px}}.mm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6!important;display:flex;align-items:center;justify-content:center;padding:16px;z-index:9999}.mm-modal-card{background:#fff!important;background-color:#fff!important;opacity:1!important;border-radius:14px;border:1px solid var(--border);box-shadow:0 20px 25px -5px #00000059,0 10px 10px -5px #0003;position:relative;overflow:hidden;max-height:90vh;display:flex;flex-direction:column;z-index:10000;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[data-theme=dark] .mm-modal-card{background:#181a1f!important;background-color:#181a1f!important}.mm-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface-2, #F1F5F9);flex-shrink:0}[data-theme=dark] .mm-modal-header{background:#20242a}.mm-modal-form{padding:20px;background:#fff;overflow-y:auto;flex:1}[data-theme=dark] .mm-modal-form{background:#181a1f}:root,[data-theme=light]{color-scheme:light;--primary: #D2462D;--primary-hover: #B83B26;--primary-light: #E56A55;--primary-soft: rgba(210, 70, 45, .09);--primary-border: rgba(210, 70, 45, .25);--warm-cream: #F4EBDD;--surface-2: #F4EBDD;--surface-2: #F1F5F9;--bg: #FAF9F7;--bg-app: #FAF9F7;--surface: #FFFFFF;--surface-1: #FFFFFF;--surface-3: #E2E8F0;--surface-muted: #F8FAFC;--surface-hover: #F1F5F9;--text: #252525;--text-primary: #252525;--text-main: #252525;--text-secondary: #64748B;--text-label: #64748B;--text-muted: #64748B;--muted: #64748B;--text-disabled: #94A3B8;--border: #E2E8F0;--border-color: #E2E8F0;--border-subtle: #EDF2F7;--border-strong: #CBD5E1;--control-height: 38px;--control-height-sm: 32px;--control-height-lg: 44px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--table-head-bg: #F1F5F9;--table-head-text: #475569;--table-row-hover: #F8FAFC;--table-row-stripe: #FFFFFF;--table-border: #E2E8F0;--table-row-height: 40px;--table-row-height-compact: 34px;--success: #15803D;--success-soft: rgba(21, 128, 61, .1);--success-border: rgba(21, 128, 61, .25);--warning: #B45309;--warning-soft: rgba(180, 83, 9, .1);--warning-border: rgba(180, 83, 9, .25);--danger: #B91C1C;--danger-soft: rgba(185, 28, 28, .1);--danger-border: rgba(185, 28, 28, .25);--info: #1D4ED8;--info-soft: rgba(29, 78, 216, .1);--info-border: rgba(29, 78, 216, .25);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05);--shadow-md: 0 3px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 25px -4px rgba(0, 0, 0, .08);--bg-primary: var(--bg);--bg-surface: var(--surface);--bg-card: var(--surface);--bg-card-hover: var(--surface-2);--accent-primary: var(--primary);--accent-secondary: var(--primary);--accent-glow: rgba(210, 70, 45, .12);--scrollbar-thumb: rgba(210, 70, 45, .28);--scrollbar-thumb-hover: #D2462D;--scrollbar-track: transparent;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Roboto Mono", monospace}[data-theme=dark]{color-scheme:dark;--primary: #D2462D;--primary-hover: #B83B26;--primary-light: #E56A55;--primary-soft: rgba(210, 70, 45, .18);--primary-border: rgba(210, 70, 45, .35);--bg: #181A1F;--bg-app: #181A1F;--surface: #181A1F;--surface: #20242A;--surface-1: #181A1F;--surface-elevated: #242932;--surface-2: #242932;--surface-3: #2D333E;--surface-muted: #20242A;--surface-hover: #2B313D;--text: #F1F5F9;--text-primary: #F1F5F9;--text-main: #F1F5F9;--text-secondary: #AAB4C3;--text-label: #AAB4C3;--text-muted: #AAB4C3;--muted: #AAB4C3;--text-disabled: #64748B;--border: #2D333E;--border-color: #2D333E;--border-subtle: #232832;--border-strong: #3D4452;--control-height: 38px;--control-height-sm: 32px;--control-height-lg: 44px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--table-head-bg: #20242B;--table-head-text: #CBD5E1;--table-row-hover: #232832;--table-row-stripe: #1D2128;--table-border: #2D333E;--table-row-height: 40px;--table-row-height-compact: 34px;--success: #22C55E;--success-soft: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .3);--warning: #F59E0B;--warning-soft: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .3);--danger: #EF4444;--danger-soft: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .3);--info: #3B82F6;--info-soft: rgba(59, 130, 246, .12);--info-border: rgba(59, 130, 246, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 3px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px -4px rgba(0, 0, 0, .5);--bg-primary: var(--bg);--bg-surface: var(--surface);--bg-card: var(--surface);--bg-card-hover: var(--surface-2);--accent-primary: var(--primary);--accent-secondary: var(--primary);--accent-glow: rgba(210, 70, 45, .25);--scrollbar-thumb: rgba(210, 70, 45, .4);--scrollbar-thumb-hover: #E56A55;--scrollbar-track: transparent;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Roboto Mono", monospace}@media(prefers-color-scheme:dark){[data-theme=system]{color-scheme:dark;--primary: #D2462D;--primary-hover: #B83B26;--primary-light: #E56A55;--primary-soft: rgba(210, 70, 45, .18);--primary-border: rgba(210, 70, 45, .35);--bg: #121418;--bg-app: #121418;--surface: #1B1E24;--surface-2: #242830;--surface-3: #2D323C;--surface-muted: #282D36;--surface-hover: #262B34;--text: #F1F5F9;--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #94A3B8;--text-disabled: #64748B;--border: #2D333E;--border-color: #2D333E;--border-subtle: #232832;--border-strong: #3D4452;--control-height: 38px;--control-height-sm: 32px;--control-height-lg: 44px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--table-head-bg: #20242B;--table-head-text: #CBD5E1;--table-row-hover: #232832;--table-row-stripe: #1D2128;--table-border: #2D333E;--table-row-height: 40px;--table-row-height-compact: 34px;--success: #22C55E;--success-soft: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .3);--warning: #F59E0B;--warning-soft: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .3);--danger: #EF4444;--danger-soft: rgba(239, 68, 68, .12);--danger-border: rgba(239, 68, 68, .3);--info: #3B82F6;--info-soft: rgba(59, 130, 246, .12);--info-border: rgba(59, 130, 246, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 3px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 25px -4px rgba(0, 0, 0, .5);--bg-primary: var(--bg);--bg-surface: var(--surface);--bg-card: var(--surface);--bg-card-hover: var(--surface-2);--accent-primary: var(--primary);--accent-secondary: var(--primary);--accent-glow: rgba(210, 70, 45, .25);--scrollbar-thumb: rgba(210, 70, 45, .4);--scrollbar-thumb-hover: #E56A55;--scrollbar-track: transparent;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Roboto Mono", monospace}}@keyframes km_spin{to{transform:rotate(360deg)}}:root{--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-drawer: 500;--z-modal-primary: 1000;--z-modal-secondary: 1100;--z-confirm: 1200;--z-toast: 1300}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{overflow-x:hidden;max-width:100vw;width:100%}body{font-family:var(--font-family);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.font-mono{font-family:JetBrains Mono,Fira Code,Courier New,monospace}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-accent{color:var(--primary)}.text-accent-secondary{color:var(--primary);font-weight:600}.text-xs{font-size:.725rem}.num-cell,th.num-col,td.num-col,.tabular-num{text-align:right!important;font-family:var(--font-mono, monospace);font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-sm, 6px);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid transparent;white-space:nowrap;text-decoration:none;font-family:inherit;line-height:1}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed!important;pointer-events:none}.btn-primary{background:var(--primary);color:#fff!important;border-color:var(--primary);box-shadow:0 1px 3px #d2462d33}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 2px 6px #d2462d4d}.btn-secondary{background:var(--surface);color:var(--text)!important;border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary-border);color:var(--primary)!important}.btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--danger);color:#fff!important;border-color:var(--danger)}.btn-danger:hover:not(:disabled){background:#991b1b}.btn-success{background:var(--success);color:#fff!important;border-color:var(--success)}.btn-success:hover:not(:disabled){background:#166534}.btn-warning{background:var(--warning);color:#fff!important;border-color:var(--warning)}.btn-warning:hover:not(:disabled){background:#92400e}.page-tabs{display:flex;align-items:flex-end;gap:0;border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:none}.page-tabs::-webkit-scrollbar{display:none}.page-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:.84rem;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color .15s ease,border-color .15s ease,background .15s ease;font-family:inherit;line-height:1}.page-tab:hover:not(.active){color:var(--text-primary);background:var(--surface-hover, rgba(0,0,0,.04));border-radius:6px 6px 0 0}.page-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:700}.page-tab .tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:10px;font-size:.69rem;font-weight:700;background:var(--surface-2);color:var(--text-muted);line-height:1}.page-tab.active .tab-count{background:var(--primary-soft, rgba(210,70,45,.12));color:var(--primary)}.btn-sm,.btn-xs{height:var(--control-height-sm, 32px);padding:0 10px;font-size:.76rem;border-radius:var(--radius-sm, 6px)}.btn-md{height:var(--control-height, 38px);padding:0 14px;font-size:.84rem}.btn-lg{height:var(--control-height-lg, 44px);padding:0 18px;font-size:.92rem;border-radius:var(--radius-md, 10px)}.btn-icon{width:var(--control-height, 38px);height:var(--control-height, 38px);padding:0;border-radius:var(--radius-sm, 6px)}.btn-icon.btn-sm{width:var(--control-height-sm, 32px);height:var(--control-height-sm, 32px)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-label{font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.form-helper{font-size:.74rem;color:var(--text-muted);margin-top:2px}.form-control,.form-select{height:var(--control-height, 38px);padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text);font-size:.84rem;font-family:inherit;outline:none;transition:all .15s ease;width:100%}textarea.form-control{height:auto;min-height:80px;padding:10px 12px;resize:vertical}.form-control:focus,.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.form-control::placeholder{color:var(--text-disabled)}.erp-table-container,.erp-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 10px);overflow-x:auto;box-shadow:var(--shadow-xs);-webkit-overflow-scrolling:touch}.erp-table{width:100%;border-collapse:collapse;font-size:.83rem;line-height:1.4;text-align:left}.erp-table thead th{background:var(--table-head-bg);color:var(--table-head-text);font-weight:700;padding:8px 14px;text-align:left;border-bottom:1px solid var(--table-border);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;position:sticky;top:0;z-index:2}.erp-table tbody td{padding:8px 14px;border-bottom:1px solid var(--border-subtle);color:var(--text);height:var(--table-row-height, 40px);vertical-align:middle}.erp-table tbody tr:last-child td{border-bottom:none}.erp-table tbody tr:hover{background:var(--table-row-hover)}.erp-table .actions-cell{text-align:right;white-space:nowrap}.erp-table .status-cell{text-align:center;white-space:nowrap}.erp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 10px);padding:14px 18px;box-shadow:var(--shadow-xs)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full, 9999px);font-size:.72rem;font-weight:700;line-height:1.2;white-space:nowrap}.badge-success{background:var(--success-soft);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:var(--warning-soft);color:var(--warning);border:1px solid var(--warning-border)}.badge-danger{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger-border)}.badge-info{background:var(--info-soft);color:var(--info);border:1px solid var(--info-border)}.badge-primary{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary-border)}.badge-neutral{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.erp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000094;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:var(--z-modal-primary, 1000);animation:erpFadeIn .18s ease}.erp-modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;animation:erpScaleUp .18s cubic-bezier(.16,1,.3,1)}.erp-modal-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);flex-shrink:0}.erp-modal-title-group{display:flex;align-items:center;gap:10px}.erp-modal-icon{display:flex;align-items:center;justify-content:center}.erp-modal-title{font-size:.98rem;font-weight:800;color:var(--text);margin:0;line-height:1.2}.erp-modal-subtitle{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.erp-modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm, 6px);display:flex;align-items:center;justify-content:center;transition:color .15s ease}.erp-modal-close:hover{color:var(--text);background:var(--surface-3)}.erp-modal-body{padding:18px;overflow-y:auto;flex:1}.erp-modal-footer{padding:12px 18px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}@keyframes erpFadeIn{0%{opacity:0}to{opacity:1}}@keyframes erpScaleUp{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.erp-toast{position:fixed;bottom:24px;right:24px;z-index:var(--z-toast, 1300);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:var(--radius-md, 10px);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:.84rem;animation:erpSlideUp .2s cubic-bezier(.16,1,.3,1);max-width:420px}.erp-toast-content{display:flex;align-items:center;gap:8px}.erp-toast-message{font-weight:600;color:var(--text)}.erp-toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.erp-toast-success{border-left:4px solid var(--success)}.erp-toast-warning{border-left:4px solid var(--warning)}.erp-toast-error{border-left:4px solid var(--danger)}.erp-toast-info{border-left:4px solid var(--info)}@keyframes erpSlideUp{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.spin-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}::-webkit-scrollbar-corner{background:transparent}.catalog-content-area,.cart-items-scroll,.pos-main-content,.sidebar-nav,.sidebar-floating-panel,.floating-panel-list,.modal-body,.modal-card,.table-responsive,.categories-pill-bar,.transactions-table-wrap{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.catalog-content-area::-webkit-scrollbar,.cart-items-scroll::-webkit-scrollbar,.pos-main-content::-webkit-scrollbar,.sidebar-nav::-webkit-scrollbar,.sidebar-floating-panel::-webkit-scrollbar,.floating-panel-list::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.modal-card::-webkit-scrollbar,.table-responsive::-webkit-scrollbar,.categories-pill-bar::-webkit-scrollbar,.transactions-table-wrap::-webkit-scrollbar{width:5px;height:5px}.catalog-content-area::-webkit-scrollbar-track,.cart-items-scroll::-webkit-scrollbar-track,.pos-main-content::-webkit-scrollbar-track,.sidebar-nav::-webkit-scrollbar-track,.sidebar-floating-panel::-webkit-scrollbar-track,.floating-panel-list::-webkit-scrollbar-track,.modal-body::-webkit-scrollbar-track,.modal-card::-webkit-scrollbar-track,.table-responsive::-webkit-scrollbar-track,.categories-pill-bar::-webkit-scrollbar-track,.transactions-table-wrap::-webkit-scrollbar-track{background:transparent}.catalog-content-area::-webkit-scrollbar-thumb,.cart-items-scroll::-webkit-scrollbar-thumb,.pos-main-content::-webkit-scrollbar-thumb,.sidebar-nav::-webkit-scrollbar-thumb,.sidebar-floating-panel::-webkit-scrollbar-thumb,.floating-panel-list::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb,.table-responsive::-webkit-scrollbar-thumb,.categories-pill-bar::-webkit-scrollbar-thumb,.transactions-table-wrap::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;transition:background-color .2s ease}.catalog-content-area:hover::-webkit-scrollbar-thumb,.cart-items-scroll:hover::-webkit-scrollbar-thumb,.pos-main-content:hover::-webkit-scrollbar-thumb,.sidebar-nav:hover::-webkit-scrollbar-thumb,.sidebar-floating-panel:hover::-webkit-scrollbar-thumb,.floating-panel-list:hover::-webkit-scrollbar-thumb,.modal-body:hover::-webkit-scrollbar-thumb,.modal-card:hover::-webkit-scrollbar-thumb,.table-responsive:hover::-webkit-scrollbar-thumb,.categories-pill-bar:hover::-webkit-scrollbar-thumb,.transactions-table-wrap:hover::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-hover)}.app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--bg);position:relative;overflow:hidden}.card-main{position:relative;z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;max-width:560px;width:100%;box-shadow:0 10px 30px -5px #0000000f;text-align:center}.brand-badge{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:6px 14px;border-radius:9999px;font-size:.85rem;font-weight:700;margin-bottom:20px;letter-spacing:.5px}.brand-title{font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin-bottom:12px;color:var(--primary)}.brand-subtitle{color:var(--text-muted);font-size:.95rem;margin-bottom:28px}.status-box{display:flex;align-items:center;justify-content:center;gap:10px;background:#21873914;border:1px solid rgba(33,135,57,.25);color:var(--success);padding:14px 20px;border-radius:12px;font-weight:700;font-size:1rem;margin-bottom:28px}.status-dot{width:10px;height:10px;background-color:var(--success);border-radius:50%;display:inline-block;box-shadow:0 0 10px var(--success);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.95);opacity:.8}70%{transform:scale(1.1);opacity:1}to{transform:scale(.95);opacity:.8}}.grid-features{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:10px;text-align:left}.feature-item{background:var(--surface-2);border:1px solid var(--border);padding:14px 16px;border-radius:10px;display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-muted)}.feature-item span.text{color:var(--text);font-weight:600}.btn-test-db{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;padding:12px 24px;border-radius:12px;font-weight:700;text-decoration:none;font-size:.95rem;box-shadow:0 4px 14px #d2462d40;transition:all .2s ease;margin-top:18px;width:100%}.btn-test-db:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d2462d59}.auth-loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.auth-loading-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px 40px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 10px 30px -5px #00000014}.loading-text{color:var(--text-muted);font-size:.95rem;font-weight:600}.login-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf9f7;padding:16px;box-sizing:border-box;width:100%}.login-topbar{width:100%;max-width:400px;display:flex;justify-content:flex-end;margin-bottom:12px}.login-topbar .theme-switcher-container,.login-topbar .theme-switcher-container.compact{background:#f0efea;border:1px solid #E2E0D8;border-radius:10px;padding:3px;display:inline-flex;align-items:center;gap:3px;box-sizing:border-box}.login-topbar .btn-theme-option,.login-topbar .theme-switcher-container.compact .btn-theme-option{min-height:44px;min-width:44px;padding:0 14px;font-size:.8rem;font-weight:500;border-radius:7px;color:#666;background:transparent;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;box-sizing:border-box;white-space:nowrap}.login-topbar .btn-theme-option:hover,.login-topbar .theme-switcher-container.compact .btn-theme-option:hover{color:#252525}.login-topbar .btn-theme-option.active,.login-topbar .theme-switcher-container.compact .btn-theme-option.active{background:#fff;color:#d2462d;font-weight:600;border-color:#d2462d40;box-shadow:0 1px 3px #0000000f}.login-topbar .btn-theme-option.active .theme-icon,.login-topbar .theme-switcher-container.compact .btn-theme-option.active .theme-icon{color:#d2462d}.login-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.login-card{width:100%;background:#fff;border:1px solid #EBECEF;border-radius:12px;padding:32px 26px;box-shadow:0 2px 12px #0000000a;box-sizing:border-box;display:flex;flex-direction:column}.login-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:22px}.login-brand-logo{width:48px;height:48px;object-fit:contain;margin-bottom:10px}.login-title{font-size:1.25rem;font-weight:800;color:var(--text, #252525);margin:0 0 4px;line-height:1.25}.login-tagline{font-size:.8rem;color:var(--text-muted, #6B7280);margin:0}.login-error-banner{display:flex;align-items:center;gap:10px;background:#b4231814;border:1px solid rgba(180,35,24,.25);color:#dc2626;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:.8rem;font-weight:600}.login-error-icon{flex-shrink:0;color:#dc2626}.login-error-text{flex:1;word-break:break-word}.login-form{display:flex;flex-direction:column;gap:14px;width:100%}.login-form .form-group{display:flex;flex-direction:column;gap:5px;width:100%}.login-form .form-label{font-size:.78rem;font-weight:600;color:var(--text, #252525)}.login-form .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.login-form .input-icon{position:absolute;left:12px;color:var(--text-muted, #6B7280);pointer-events:none}.login-form .form-input{width:100%;height:44px;min-height:44px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface-2, #FAF7F2);color:var(--text, #252525);font-size:.875rem;padding:0 12px 0 38px;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-form .form-input.form-input-with-toggle{padding-right:44px}.login-form .form-input:focus{border-color:#d2462d;background:var(--surface, #FFFFFF);box-shadow:0 0 0 3px #d2462d1f}.btn-toggle-password{position:absolute;right:0;top:0;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted, #6B7280);cursor:pointer;border-radius:0 8px 8px 0}.btn-toggle-password:hover{color:#d2462d}.btn-login-submit{width:100%;height:44px;min-height:44px;background:#d2462d!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:.9rem!important;font-weight:700!important;cursor:pointer!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;margin-top:4px!important;transition:opacity .15s ease,transform .1s ease!important}.btn-login-submit:hover:not(:disabled){opacity:.92!important}.btn-login-submit:disabled{opacity:.6!important;cursor:not-allowed!important}.login-form-options{display:flex;justify-content:space-between;align-items:center;width:100%}.login-remember-me{display:inline-flex;align-items:center;gap:8px;min-height:44px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;color:var(--text-muted, #6B7280)}.login-checkbox{width:16px;height:16px;accent-color:#D2462D;cursor:pointer;margin:0}.btn-forgot-pin,.login-btn-forgot{background:transparent;border:none;color:var(--text-muted, #6B7280);font-size:.8rem;font-weight:600;cursor:pointer;padding:0 4px;min-height:44px;display:inline-flex;align-items:center;transition:color .15s ease}.btn-forgot-pin:hover,.login-btn-forgot:hover{color:#d2462d;text-decoration:underline}.login-card-footer{margin-top:18px;padding-top:14px;border-top:1px dashed var(--border, #E5DFC9);text-align:center;display:flex;justify-content:center;align-items:center}.security-notice{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted, #6B7280);font-size:.74rem}.login-unscheduled-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:12px 4px}.login-unscheduled-icon-wrap{width:44px;height:44px;border-radius:50%;background:#d2462d1a;color:#d2462d;display:flex;align-items:center;justify-content:center}.login-unscheduled-title{margin:0;font-size:1rem;font-weight:700;color:var(--text, #252525)}.login-unscheduled-desc{margin:0;font-size:.8rem;color:var(--text-muted, #6B7280);line-height:1.45}.btn-unscheduled-logout{margin-top:6px;height:44px;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:#d2462d;font-weight:600;font-size:.82rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.login-modal-card{width:100%;max-width:400px;background:#fff;border:1px solid #EBECEF;border-radius:12px;padding:24px;box-shadow:0 4px 20px #00000014;box-sizing:border-box;display:flex;flex-direction:column}.login-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.login-modal-title-group{display:flex;align-items:center;gap:8px}.login-modal-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text, #252525)}.login-modal-close{background:transparent;border:none;width:44px;height:44px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #6B7280);cursor:pointer;border-radius:8px;transition:background .15s ease,color .15s ease}.login-modal-close:hover{background:#f4f5f7;color:#252525}.login-modal-desc{font-size:.82rem;color:var(--text-muted, #6B7280);margin:0 0 16px;line-height:1.5}.login-modal-form{display:flex;flex-direction:column;width:100%}.login-modal-form .form-group{display:flex;flex-direction:column;gap:6px;width:100%;margin-bottom:20px}.login-modal-form .form-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #6B7280)}.login-modal-form .input-wrapper{position:relative;display:flex;align-items:center;width:100%}.login-modal-form .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted, #6B7280);pointer-events:none;z-index:2;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.login-modal-form .form-input{width:100%;height:44px;min-height:44px;border-radius:8px;border:1px solid var(--border, #E2E8F0);background:var(--surface-2, #F8F9FA);color:var(--text, #252525);font-size:.8125rem;padding:0 12px 0 40px;box-sizing:border-box;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-modal-form .form-input::placeholder{color:#9ca3af;opacity:1;font-size:.8125rem}.login-modal-form .form-input:focus{border-color:#d2462d;background:var(--surface, #FFFFFF);box-shadow:0 0 0 3px #d2462d1f}.login-modal-actions{display:flex;gap:10px;width:100%;align-items:center;justify-content:flex-end}.btn-modal-cancel{flex:1;height:44px;min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--border, #E2E8F0);background:transparent;color:var(--text, #252525);font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.btn-modal-cancel:hover{background:#f4f5f7}.btn-modal-submit{flex:1.4;height:44px;min-height:44px;padding:0 16px;border-radius:8px;border:none;background:#d2462d;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s ease}.btn-modal-submit:hover:not(:disabled){opacity:.92}.btn-modal-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.login-modal-overlay{padding:12px}.login-modal-card{padding:20px 16px;max-width:100%}.login-modal-form .form-input{font-size:.78rem;padding-left:36px}.login-modal-form .input-icon{left:12px}}.login-modal-success-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px 0 4px;gap:8px}.login-modal-success-icon-wrap{color:#16a34a;display:flex;align-items:center;justify-content:center;margin-bottom:2px}.login-modal-success-title{margin:0;font-size:1rem;font-weight:700;color:var(--text, #252525)}.login-modal-success-desc{font-size:.82rem;color:var(--text-muted, #6B7280);margin:0 0 12px;line-height:1.45}.login-modal-success-actions{width:100%;display:flex;justify-content:center}.btn-modal-close-action{width:100%;height:44px;min-height:44px;padding:0 20px;border-radius:8px;border:none;background:#d2462d;color:#fff;font-weight:700;font-size:.85rem;cursor:pointer;transition:opacity .15s ease}.btn-modal-close-action:hover{opacity:.92}[data-theme=dark] .login-page{background:#181a1f!important}[data-theme=dark] .login-topbar .theme-switcher-container,[data-theme=dark] .login-topbar .theme-switcher-container.compact{background:#14161a!important;border-color:#282c34!important}[data-theme=dark] .login-topbar .btn-theme-option,[data-theme=dark] .login-topbar .theme-switcher-container.compact .btn-theme-option{color:#94a3b8!important;background:transparent!important;border-color:transparent!important}[data-theme=dark] .login-topbar .btn-theme-option:hover,[data-theme=dark] .login-topbar .theme-switcher-container.compact .btn-theme-option:hover{color:#f1f5f9!important}[data-theme=dark] .login-topbar .btn-theme-option.active,[data-theme=dark] .login-topbar .theme-switcher-container.compact .btn-theme-option.active{background:#22262e!important;color:#d2462d!important;border-color:#d2462d66!important;box-shadow:0 1px 3px #0000004d!important}[data-theme=dark] .login-topbar .btn-theme-option.active .theme-icon,[data-theme=dark] .login-topbar .theme-switcher-container.compact .btn-theme-option.active .theme-icon{color:#d2462d!important}[data-theme=dark] .login-card{background:#22262e!important;border-color:#2d333e!important;box-shadow:0 4px 20px #0006!important}[data-theme=dark] .login-title,[data-theme=dark] .login-unscheduled-title,[data-theme=dark] .login-modal-title,[data-theme=dark] .login-modal-success-title{color:#f1f5f9!important}[data-theme=dark] .login-tagline,[data-theme=dark] .login-remember-me,[data-theme=dark] .btn-forgot-pin,[data-theme=dark] .login-btn-forgot,[data-theme=dark] .security-notice,[data-theme=dark] .login-unscheduled-desc,[data-theme=dark] .login-modal-desc,[data-theme=dark] .login-modal-success-desc{color:#94a3b8!important}[data-theme=dark] .login-form .form-label,[data-theme=dark] .login-modal-form .form-label{color:#cbd5e1!important}[data-theme=dark] .login-form .form-input,[data-theme=dark] .login-modal-form .form-input{background:#20242a!important;border-color:#282c34!important;color:#f1f5f9!important}[data-theme=dark] .login-form .form-input::placeholder,[data-theme=dark] .login-modal-form .form-input::placeholder{color:#64748b!important}[data-theme=dark] .login-form .form-input:focus,[data-theme=dark] .login-modal-form .form-input:focus{border-color:#d2462d!important;box-shadow:0 0 0 3px #d2462d40!important}[data-theme=dark] .login-card-footer{border-top-color:#282c34!important}[data-theme=dark] .btn-unscheduled-logout{background:#20242a!important;border-color:#282c34!important}[data-theme=dark] .login-modal-card{background:#181a1f!important;border-color:#282c34!important;box-shadow:0 8px 24px #0006!important}[data-theme=dark] .login-modal-close{color:#94a3b8!important}[data-theme=dark] .login-modal-close:hover{color:#f1f5f9!important;background:#20242a!important}[data-theme=dark] .btn-modal-cancel{border-color:#282c34!important;color:#f1f5f9!important;background:transparent!important}[data-theme=dark] .btn-modal-cancel:hover{background:#20242a!important}.pos-app-layout{display:flex;min-height:100vh;background:var(--bg)}.pos-sidebar{width:270px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0;z-index:20;transition:width .22s cubic-bezier(.4,0,.2,1)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);position:relative}.btn-sidebar-toggle{margin-left:auto;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-sidebar-toggle:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.btn-sidebar-mobile-close{display:none;margin-left:auto;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);width:32px;height:32px;border-radius:8px;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-sidebar-mobile-close:hover{background:#ef444426;color:var(--danger);border-color:var(--danger)}.sidebar-backdrop{display:none}.pos-sidebar.collapsed{width:74px}.pos-sidebar.collapsed .brand-info,.pos-sidebar.collapsed .user-details,.pos-sidebar.collapsed .nav-text,.pos-sidebar.collapsed .nav-section-title,.pos-sidebar.collapsed .badge-soon,.pos-sidebar.collapsed .nav-chevron,.pos-sidebar.collapsed .btn-logout span{display:none!important}.pos-sidebar.collapsed .sidebar-brand{padding:14px 8px;flex-direction:column;justify-content:center;gap:8px}.pos-sidebar.collapsed .btn-sidebar-toggle{margin-left:0;width:28px;height:28px}.pos-sidebar.collapsed .sidebar-user-card{padding:10px 0;justify-content:center;align-items:center}.pos-sidebar.collapsed:not(.mobile-open) .sidebar-nav{padding:8px 0;display:flex;flex-direction:column;align-items:center}.pos-sidebar.collapsed:not(.mobile-open) .nav-list{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.pos-sidebar.collapsed:not(.mobile-open) .nav-item{width:100%;display:flex;justify-content:center;align-items:center}.pos-sidebar.collapsed:not(.mobile-open) .nav-link,.pos-sidebar.collapsed:not(.mobile-open) .nav-group-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;margin:0 auto!important;padding:0!important;border-radius:10px!important;position:relative!important;box-sizing:border-box!important;border:1px solid transparent!important;gap:0!important}.pos-sidebar.collapsed:not(.mobile-open) .nav-link.active,.pos-sidebar.collapsed:not(.mobile-open) .nav-group-btn.active{background:var(--primary-soft)!important;border:1px solid var(--border)!important;color:var(--primary)!important}.pos-sidebar.collapsed:not(.mobile-open) .nav-icon{width:20px!important;height:20px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.pos-sidebar.collapsed:not(.mobile-open) .nav-icon svg{width:18px!important;height:18px!important}.pos-sidebar.collapsed:not(.mobile-open) .nav-sub-list{display:none!important}.pos-sidebar.collapsed:not(.mobile-open) .sidebar-footer{padding:10px 0!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.pos-sidebar.collapsed:not(.mobile-open) .sidebar-controls-bar{display:flex!important;flex-direction:column!important;align-items:center!important;gap:6px!important;width:100%!important;margin-bottom:0!important}.pos-sidebar.collapsed:not(.mobile-open) .sidebar-theme-wrap,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-wrap,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-env-wrap{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important}.pos-sidebar.collapsed:not(.mobile-open) .sidebar-theme-wrap .theme-dropdown-wrapper{width:44px!important;height:44px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important}.pos-sidebar.collapsed:not(.mobile-open) .btn-theme-dropdown,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-select-box,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-static-box,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-shift-lock-box,.pos-sidebar.collapsed:not(.mobile-open) .btn-env-mode,.pos-sidebar.collapsed:not(.mobile-open) .btn-logout{width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;padding:0!important;margin:0 auto!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;position:relative!important;gap:0!important}.pos-sidebar.collapsed:not(.mobile-open) .theme-dropdown-label,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-label,.pos-sidebar.collapsed:not(.mobile-open) .theme-chevron,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-chevron,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-static-name,.pos-sidebar.collapsed:not(.mobile-open) .env-mode-label,.pos-sidebar.collapsed:not(.mobile-open) .env-mode-status-dot,.pos-sidebar.collapsed:not(.mobile-open) .btn-logout-text{display:none!important}.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-native-select,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-select{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:2!important}.pos-sidebar.collapsed:not(.mobile-open) .theme-icon,.pos-sidebar.collapsed:not(.mobile-open) .sidebar-outlet-ico,.pos-sidebar.collapsed:not(.mobile-open) .env-mode-icon,.pos-sidebar.collapsed:not(.mobile-open) .btn-logout-icon{margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.pos-sidebar.collapsed:not(.mobile-open) .sidebar-theme-wrap .theme-dropdown-menu{position:fixed!important;left:82px!important;bottom:12px!important;top:auto!important;right:auto!important;z-index:10001!important}@media(min-width:901px){.pos-sidebar.collapsed .nav-link[data-tooltip]:hover:after,.pos-sidebar.collapsed .nav-group-btn[data-tooltip]:hover:after,.pos-sidebar.collapsed .btn-theme-dropdown[data-tooltip]:hover:after,.pos-sidebar.collapsed .sidebar-outlet-select-box[data-tooltip]:hover:after,.pos-sidebar.collapsed .sidebar-outlet-static-box[data-tooltip]:hover:after,.pos-sidebar.collapsed .sidebar-shift-lock-box[data-tooltip]:hover:after,.pos-sidebar.collapsed .btn-env-mode[data-tooltip]:hover:after,.pos-sidebar.collapsed .btn-logout[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 12px);top:50%;transform:translateY(-50%);background:#0f172a;color:#fff;padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 16px #00000047;border:1px solid rgba(255,255,255,.12);pointer-events:none;z-index:9999;opacity:1;animation:fadeInTooltip .15s ease-in-out}.pos-sidebar.collapsed .nav-link[data-tooltip]:hover:before,.pos-sidebar.collapsed .nav-group-btn[data-tooltip]:hover:before,.pos-sidebar.collapsed .btn-theme-dropdown[data-tooltip]:hover:before,.pos-sidebar.collapsed .sidebar-outlet-select-box[data-tooltip]:hover:before,.pos-sidebar.collapsed .sidebar-outlet-static-box[data-tooltip]:hover:before,.pos-sidebar.collapsed .sidebar-shift-lock-box[data-tooltip]:hover:before,.pos-sidebar.collapsed .btn-env-mode[data-tooltip]:hover:before,.pos-sidebar.collapsed .btn-logout[data-tooltip]:hover:before{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);border-width:5px 6px 5px 0;border-style:solid;border-color:transparent #0f172a transparent transparent;z-index:9999;pointer-events:none;animation:fadeInTooltip .15s ease-in-out}}@keyframes fadeInTooltip{0%{opacity:0;transform:translateY(-50%) translate(-4px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.brand-logo-wrap{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:var(--surface-2);padding:3px;border:1px solid var(--border)}.brand-logo-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.brand-logo-badge{width:40px;height:40px;background:var(--primary);border-radius:10px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;box-shadow:0 4px 10px #d2462d4d}.brand-name{font-size:.95rem;font-weight:800;color:var(--text);line-height:1.2}.brand-role-badge{font-size:.7rem;color:var(--primary);font-weight:700;text-transform:uppercase;letter-spacing:.5px}.sidebar-user-card{padding:10px 14px;display:flex;align-items:center;gap:10px;background:var(--surface-2);border-bottom:1px solid var(--border)}.sidebar-controls-bar{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:0!important;margin-bottom:8px!important;box-sizing:border-box!important}.sidebar-theme-wrap{flex:1 1 44%!important;min-width:0!important;height:40px!important;box-sizing:border-box!important;margin:0!important}.sidebar-theme-wrap .theme-dropdown-wrapper{position:relative!important;width:100%!important;height:40px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;margin:0!important}.sidebar-outlet-wrap{flex:1 1 56%!important;min-width:0!important;height:40px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;margin:0!important}.sidebar-theme-wrap .btn-theme-dropdown,.sidebar-outlet-wrap .sidebar-outlet-select-box,.sidebar-outlet-wrap .sidebar-outlet-static-box,.sidebar-outlet-wrap .sidebar-shift-lock-box{width:100%!important;height:40px!important;min-height:40px!important;max-height:40px!important;padding:0 10px!important;margin:0!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;box-sizing:border-box!important;font-size:.78rem!important;font-weight:600!important;color:var(--text)!important;line-height:1!important;text-decoration:none!important;outline:none!important;cursor:pointer!important;position:relative!important;transform:none!important;vertical-align:middle!important;transition:background-color .15s ease,border-color .15s ease,color .15s ease!important}.sidebar-theme-wrap .btn-theme-dropdown:hover,.sidebar-outlet-wrap .sidebar-outlet-select-box:hover,.sidebar-outlet-wrap .sidebar-outlet-static-box:hover,.sidebar-outlet-wrap .sidebar-shift-lock-box:hover{background:var(--surface)!important;border-color:var(--primary)!important}.sidebar-theme-wrap .theme-icon,.sidebar-outlet-wrap .sidebar-outlet-ico{width:14px!important;height:14px!important;min-width:14px!important;max-width:14px!important;flex-shrink:0!important;color:var(--primary)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important}.sidebar-theme-wrap .theme-dropdown-label,.sidebar-outlet-wrap .sidebar-outlet-label,.sidebar-outlet-wrap .sidebar-outlet-static-name{flex:1 1 auto!important;min-width:0!important;font-size:.78rem!important;font-weight:600!important;line-height:1!important;color:var(--text)!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;padding:0!important;display:block!important}.sidebar-theme-wrap .theme-chevron,.sidebar-outlet-wrap .sidebar-outlet-chevron{width:12px!important;height:12px!important;min-width:12px!important;max-width:12px!important;flex-shrink:0!important;color:var(--text-muted)!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important;padding:0!important;line-height:1!important;pointer-events:none!important}.sidebar-outlet-native-select,.sidebar-outlet-select{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:2!important;margin:0!important;padding:0!important;border:none!important;outline:none!important;-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important}.sidebar-outlet-native-select option,.sidebar-outlet-select option{background:var(--surface)!important;color:var(--text)!important}.sidebar-theme-wrap .theme-dropdown-menu{bottom:calc(100% + 6px)!important;top:auto!important;left:0!important;right:auto!important;z-index:100!important}.sidebar-env-wrap{width:100%;margin-bottom:6px}.btn-env-mode{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:8px;font-size:.72rem;font-weight:700;cursor:pointer;box-sizing:border-box;transition:all .15s ease;height:34px}.btn-env-mode.sandbox{background-color:#fef3c7;color:#b45309;border:1px solid #f59e0b}.btn-env-mode.production{background-color:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-env-mode:hover{filter:brightness(.96)}.btn-env-mode-content{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.env-mode-icon{flex-shrink:0}.btn-env-mode.sandbox .env-mode-icon{color:#d97706}.btn-env-mode.production .env-mode-icon{color:#64748b}.env-mode-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.env-mode-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.btn-env-mode.sandbox .env-mode-status-dot{background-color:#f59e0b}.btn-env-mode.production .env-mode-status-dot{background-color:#10b981}.user-avatar{width:32px;height:32px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.user-details{display:flex;flex-direction:column;overflow:hidden;gap:2px;min-width:0}.user-name{font-size:.825rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.role-pill{display:inline-flex;align-items:center;gap:3px;font-size:.625rem;font-weight:700;padding:1px 5px;border-radius:4px;text-transform:uppercase}.role-pill.owner{background:var(--primary-soft);color:var(--primary);border:1px solid var(--border)}.role-pill.cashier{background:#2187391f;color:var(--success);border:1px solid rgba(33,135,57,.25)}.outlet-pill{display:inline-flex;align-items:center;gap:4px;font-size:.675rem;color:var(--text-muted)}.sidebar-nav{flex:1;min-height:0;padding:8px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column}.nav-section-title{font-size:.65rem;font-weight:800;color:var(--text-muted);letter-spacing:.8px;padding:6px 10px 4px;text-transform:uppercase}.nav-list{list-style:none;display:flex;flex-direction:column;gap:2px;padding:0;margin:0}.nav-link,.nav-group-btn{display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:8px;color:var(--text);text-decoration:none;font-size:.85rem;font-weight:600;transition:all .15s ease;cursor:pointer;width:100%;box-sizing:border-box;border:1px solid transparent}.nav-link:hover:not(.disabled),.nav-group-btn:hover:not(.disabled){background:var(--surface-2)}.nav-link.active,.nav-group-btn.active{background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);font-weight:700}.nav-link.active .nav-icon,.nav-group-btn.active .nav-icon{color:var(--primary)}.nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.nav-text{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600}.nav-chevron{margin-left:auto;transition:transform .2s cubic-bezier(.4,0,.2,1);color:var(--text-muted)}.nav-chevron.open{transform:rotate(90deg);color:var(--primary)}.nav-sub-list{list-style:none;margin:2px 0 4px 12px;padding:0 0 0 10px;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:2px}.nav-sub-item{margin:0}.nav-sub-link{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;min-height:36px;padding:6px 10px;border-radius:6px;color:var(--text-muted);text-decoration:none;font-size:.8rem;font-weight:600;transition:all .15s ease;box-sizing:border-box}.nav-sub-link:hover{color:var(--text);background:var(--surface-2)}.nav-sub-link.active{color:var(--primary);background:var(--primary-soft);font-weight:700;border:1px solid var(--border)}.nav-sub-link.active .nav-sub-icon{color:var(--primary)}.nav-link.disabled{color:var(--text-muted);opacity:.55;cursor:not-allowed}.badge-soon{margin-left:auto;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);font-size:.65rem;padding:2px 6px;border-radius:4px;font-weight:700}.nav-sub-link.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.nav-nested-list{list-style:none;margin:2px 0 2px 8px;padding:0 0 0 8px;border-left:1.5px dashed var(--border);display:flex;flex-direction:column;gap:2px}.nav-nested-btn{display:grid;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;padding:4px 8px;border-radius:6px;color:var(--text-muted);font-size:.775rem;font-weight:600;transition:all .15s ease;cursor:pointer;width:100%;box-sizing:border-box;border:none;background:transparent;text-align:left}.nav-nested-btn:hover{color:var(--text);background:var(--surface-2)}.nav-nested-btn.active{color:var(--primary);font-weight:700}.nav-nested-chevron{color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1)}.nav-nested-link{display:grid;grid-template-columns:14px minmax(0,1fr);align-items:center;gap:8px;min-height:30px;padding:4px 8px;border-radius:6px;color:var(--text-muted);text-decoration:none;font-size:.75rem;font-weight:500;transition:all .15s ease;box-sizing:border-box}.nav-nested-link:hover{color:var(--text);background:var(--surface-2)}.nav-nested-link.active{color:var(--primary);background:var(--primary-soft);font-weight:700;border:1px solid var(--border)}.floating-panel-subgroup{padding:4px 0}.floating-panel-subgroup-title{display:flex;align-items:center;gap:8px;padding:4px 8px;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.floating-panel-sublist{list-style:none;margin:0;padding:2px 0 2px 12px;display:flex;flex-direction:column;gap:2px}.sidebar-footer{padding:10px 12px;border-top:1px solid var(--border);background:var(--surface);flex-shrink:0}.btn-logout{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:10px;width:100%;min-height:42px;background:#b4231814;border:1px solid rgba(180,35,24,.2);color:var(--danger);padding:8px 12px;border-radius:8px;font-size:.825rem;font-weight:700;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.btn-logout-text{text-align:left}.btn-logout:hover{background:#b4231826}.pos-app-layout{display:flex;width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:var(--bg);overflow:hidden;position:relative}.pos-app-shell{flex:1;min-width:0;width:100%;display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;position:relative}.dash-page{max-width:1400px;margin:0 auto}.dash-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.dash-greeting{font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.dash-title{font-size:1.4rem;font-weight:800;color:var(--text);margin-bottom:2px;line-height:1.2}.dash-date{font-size:.8rem;color:var(--text-muted)}.dash-header-right{display:flex;align-items:center;gap:10px;margin-top:4px}.dash-outlet-badge{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:6px 12px;border-radius:8px;font-size:.8rem;font-weight:600}.btn-dash-refresh{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease}.btn-dash-refresh:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.dash-kpi-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}.dash-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-xs);transition:box-shadow .18s ease}.dash-kpi-card.primary{border-color:var(--primary-border);background:var(--primary-soft)}.dash-kpi-card.clickable{cursor:pointer}.dash-kpi-card.clickable:hover{box-shadow:var(--shadow-md);border-color:var(--primary-border)}.dkpi-header{display:flex;align-items:center;gap:8px}.dkpi-icon-wrap{width:30px;height:30px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dkpi-icon-wrap.success{background:var(--success-soft);color:var(--success)}.dkpi-icon-wrap.warning{background:var(--warning-soft);color:var(--warning)}.dkpi-icon-wrap.info{background:var(--info-soft);color:var(--info)}.dkpi-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;line-height:1.2}.dkpi-value{font-size:1.25rem;font-weight:800;color:var(--text);line-height:1.2;font-variant-numeric:tabular-nums}.dash-kpi-card.primary .dkpi-value{color:var(--primary)}.dkpi-sub{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.75rem;color:var(--text-muted);flex-wrap:wrap}.dash-row-2{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.owner-sales-insights-section{width:100%;box-sizing:border-box}.owner-insights-header-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow-xs);margin-bottom:12px;box-sizing:border-box}.owner-insights-header-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.owner-insights-title-col{display:flex;flex-direction:column;gap:3px}.owner-insights-period-subtitle{font-size:.8rem;color:var(--text-muted)}.owner-insights-period-badge{color:var(--text-primary);font-weight:700}.owner-insights-filter-col{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.owner-insights-error-alert{margin-top:10px;padding:8px 12px;background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:6px;color:var(--danger);font-size:.8rem;font-weight:600}.dash-charts-row,.owner-insights-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch;width:100%;box-sizing:border-box}.dash-charts-row .km-donut-chart-card,.owner-insights-charts-grid .km-donut-chart-card{min-width:0;width:100%}@media(max-width:768px){.owner-insights-charts-grid{grid-template-columns:1fr;gap:12px}.owner-insights-header-top{flex-direction:column;align-items:stretch;gap:10px}.owner-insights-filter-col{width:100%}}.dash-section-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;box-shadow:var(--shadow-xs);flex:1;min-width:200px}.dscard-header{display:flex;align-items:center;gap:7px;font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-subtle)}.order-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.otype-box{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:var(--surface-2);border-radius:8px;border:1px solid var(--border-subtle)}.otype-emoji{font-size:1.3rem;line-height:1}.otype-label{font-size:.72rem;color:var(--text-muted);font-weight:600;text-align:center}.otype-count{font-size:1.1rem;font-weight:800;color:var(--text);font-variant-numeric:tabular-nums}.outlet-perf-table{display:flex;flex-direction:column;gap:6px;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box}.outlet-perf-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:7px;background:var(--surface-2);min-width:260px;box-sizing:border-box;font-size:.83rem}.outlet-rank{width:20px;font-size:.7rem;font-weight:800;color:var(--text-muted);flex-shrink:0}.outlet-perf-name{flex:1;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outlet-perf-trx{font-size:.75rem;color:var(--text-muted);flex-shrink:0}.outlet-perf-sales{font-weight:700;color:var(--text);flex-shrink:0;font-size:.83rem}.dash-quicknav{display:flex;gap:8px;flex-wrap:wrap}.dash-qn-btn{display:flex;align-items:center;gap:7px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .18s ease}.dash-qn-btn:hover{border-color:var(--primary-border);color:var(--primary);background:var(--primary-soft)}.owner-sales-insights-section,.dash-staff-section{margin-bottom:20px}.dash-empty-state{padding:16px 0;color:var(--text-muted);font-size:.85rem}.dash-attendance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-top:8px}@media(max-width:1200px){.dash-kpi-row{grid-template-columns:repeat(3,1fr);gap:12px}}@media(max-width:900px){.dash-kpi-row{grid-template-columns:repeat(2,1fr);gap:10px}.dash-row-2{flex-direction:column}.dash-charts-row,.owner-insights-charts-grid{grid-template-columns:1fr;gap:12px}}@media(max-width:767px){.dash-page{padding:12px 14px 24px;box-sizing:border-box}.dash-kpi-card .dkpi-icon-wrap,.dash-section-card .dscard-header svg,.otype-emoji,.dash-empty-state .dash-decorative-icon,.owner-insights-title-col svg:not(.spin-icon){display:none!important}.dash-kpi-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:12px!important}.dash-kpi-card:nth-child(5){grid-column:span 2!important}.dash-kpi-card{padding:12px 14px!important;gap:4px!important;min-height:100px!important;max-height:120px!important;border-radius:8px!important;box-sizing:border-box!important;justify-content:space-between}.dash-kpi-card .dkpi-header{gap:0!important}.dkpi-label{font-size:.72rem!important;font-weight:700!important;letter-spacing:.03em!important;line-height:1.2!important}.dkpi-value{font-size:1.25rem!important;font-weight:800!important;line-height:1.15!important;margin:2px 0!important;word-break:break-word!important}.dkpi-sub{font-size:.72rem!important;line-height:1.2!important;gap:4px!important}.dash-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:12px!important}.dash-greeting{font-size:.72rem!important;margin-bottom:1px!important}.dash-title{font-size:1.25rem!important;margin-bottom:1px!important;line-height:1.2!important}.dash-date{font-size:.75rem!important}.dash-header-right{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:2px!important}.dash-outlet-badge{flex:1!important;min-height:38px!important;height:38px!important;padding:0 10px!important;font-size:.8rem!important;font-weight:600!important;border-radius:8px!important;justify-content:center!important}.btn-dash-refresh{width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;border-radius:8px!important}.dash-row-2{flex-direction:column!important;gap:10px!important;margin-bottom:12px!important}.dash-section-card{padding:12px 14px!important;border-radius:8px!important;box-sizing:border-box!important}.dscard-header{font-size:.76rem!important;margin-bottom:8px!important;padding-bottom:6px!important}.order-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}.otype-box{padding:8px 4px!important;min-height:70px!important;height:74px!important;border-radius:6px!important;justify-content:center!important;gap:2px!important}.otype-label{font-size:.72rem!important;font-weight:600!important}.otype-count{font-size:1.2rem!important;font-weight:800!important}.dash-empty-state{padding:8px 0!important;font-size:.8rem!important}.outlet-perf-row{padding:6px 8px!important;font-size:.8rem!important;gap:8px!important;border-radius:6px!important}.owner-sales-insights-section{margin-bottom:12px!important}.owner-insights-header-card{padding:10px 12px!important;margin-bottom:8px!important;border-radius:8px!important}.owner-insights-header-top{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.owner-insights-title-col{gap:2px!important}.owner-insights-period-subtitle{font-size:.75rem!important}.owner-insights-filter-col{margin-top:2px!important;width:100%!important}.period-mobile-dropdown{gap:6px!important}.period-mobile-select{min-height:40px!important;height:40px!important;font-size:.82rem!important;padding:6px 30px 6px 10px!important}.period-select-chevron{right:10px!important}.dash-charts-row,.owner-insights-charts-grid{grid-template-columns:1fr!important;gap:10px!important;margin-bottom:12px!important}.km-donut-chart-card{padding:10px 12px!important;gap:8px!important;border-radius:8px!important}.km-donut-chart-card h3{font-size:.86rem!important}.km-donut-chart-card p{font-size:.72rem!important}.km-donut-content{gap:12px!important}.km-donut-svg-wrap{width:140px!important;height:140px!important}.km-donut-svg-wrap svg{width:140px!important;height:140px!important}.km-donut-legend{gap:4px!important;min-width:0!important;width:100%!important}.km-donut-legend-item{padding:3px 6px!important;font-size:.76rem!important}.km-donut-legend-label{max-width:110px!important}.dash-staff-section{margin-bottom:12px!important}.dash-attendance-grid{grid-template-columns:1fr!important;gap:8px!important;margin-top:6px!important}.dash-staff-item{padding:8px 10px!important;border-radius:6px!important}.dash-quicknav{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;width:100%!important;margin-bottom:16px!important}.dash-qn-btn{min-height:52px!important;height:52px!important;padding:0 12px!important;justify-content:center!important;gap:8px!important;width:100%!important;font-size:.85rem!important;font-weight:700!important;border-radius:8px!important}}.global-main-bar{height:60px;min-height:60px;max-height:60px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #00000008}.mainbar-left{display:flex;align-items:center;gap:12px;min-width:0}.mainbar-logo-brand{display:inline-flex;align-items:center;flex-shrink:0;max-height:36px;max-width:140px;overflow:hidden;margin-right:4px}.mainbar-brand-img{height:30px;max-height:36px;width:auto;max-width:140px;object-fit:contain;display:block}.mainbar-mobile-subtitle{display:none}.btn-mainbar-toggle{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-mobile-menu-toggle{display:none;background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;width:36px;height:36px;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-mobile-menu-toggle:hover,.btn-mainbar-toggle:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.mainbar-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:4px 10px;border-radius:9999px;font-size:.72rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.mainbar-badge-icon{color:var(--primary)}.mainbar-titles{display:flex;align-items:baseline;gap:8px;overflow:hidden;white-space:nowrap}.mainbar-title{font-size:1.05rem;font-weight:800;color:var(--text);letter-spacing:-.01em;line-height:1}.mainbar-subtitle{font-size:.8rem;color:var(--text-muted);font-weight:500;overflow:hidden;text-overflow:ellipsis}.mainbar-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.mainbar-user-card{display:flex;align-items:center;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:4px 10px;height:38px;max-width:240px}.mainbar-user-avatar{width:28px;height:28px;background:var(--primary);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem;flex-shrink:0}.mainbar-user-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.mainbar-user-name{font-size:.78rem;font-weight:700;color:var(--text);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainbar-outlet-select-wrap{display:flex;align-items:center;gap:3px}.mainbar-outlet-icon{color:var(--primary);flex-shrink:0}.mainbar-outlet-select{background:transparent;border:none;font-size:.72rem;font-weight:700;color:var(--primary);cursor:pointer;outline:none;padding:0;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainbar-outlet-static{font-size:.72rem;font-weight:600;color:var(--text-muted);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.mainbar-shift-badge{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;color:#10b981;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.theme-dropdown-wrapper{position:relative}.btn-theme-dropdown{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:6px 10px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;height:34px}.btn-theme-dropdown:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.theme-dropdown-label{line-height:1}.theme-chevron{color:var(--text-muted);transition:transform .2s ease}.theme-chevron.open{transform:rotate(180deg)}.theme-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:4px;box-shadow:0 10px 25px -5px #0000002e;z-index:1000;min-width:120px;display:flex;flex-direction:column;gap:2px;animation:fadeInDropdown .15s ease}.theme-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:none;background:transparent;color:var(--text);border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.theme-dropdown-item:hover{background:var(--surface-2);color:var(--primary)}.theme-dropdown-item.active{background:var(--primary-soft);color:var(--primary);font-weight:700}.theme-check-indicator{margin-left:auto;font-weight:900;color:var(--primary)}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pos-main-content{flex:1;min-width:0;min-height:0;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;box-sizing:border-box}.pos-main-content:has(.pos-app-wrapper){overflow:hidden!important;display:flex;flex-direction:column}.page-content-container,.page-shell,.pos-page-wrapper{width:100%;max-width:1440px;margin-inline:auto;margin-left:auto;margin-right:auto;padding:24px 28px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}@media(max-width:1024px){.page-content-container,.page-shell,.pos-page-wrapper{padding:20px;gap:16px}}@media(max-width:640px){.page-content-container,.page-shell,.pos-page-wrapper{padding:16px 14px;gap:14px}}.page-header,.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;width:100%}.page-tabs{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border);padding-bottom:4px;margin-bottom:4px;flex-wrap:wrap;width:100%}.page-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px 8px 0 0;border:none;background:transparent;color:var(--text-muted);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease;position:relative}.page-tab:hover{color:var(--text-primary);background:var(--surface-2)}.page-tab.active{color:var(--primary);background:var(--primary-soft, rgba(210, 70, 45, .08));border-bottom:2px solid var(--primary)}.tab-count{padding:2px 7px;border-radius:10px;font-size:.72rem;font-weight:800;background:var(--surface-2);color:var(--text-muted)}.page-tab.active .tab-count{background:var(--primary);color:#fff}.badge-portal{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:3px 10px;border-radius:6px;font-size:.75rem;font-weight:700;margin-bottom:6px}.badge-portal.cashier{background:#2187391f;border-color:#21873940;color:var(--success)}.page-main-title{font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.page-main-subtitle{font-size:1rem;color:var(--text-muted)}.btn-logout-header{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--danger);padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-logout-header:hover{background:#b4231814}.owner-profile-card,.cashier-info-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000a}.owner-profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.profile-card-header,.cashier-card-top{display:flex;align-items:center;gap:16px}.avatar-large{width:56px;height:56px;background:var(--primary-soft);border:2px solid var(--border);color:var(--primary);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;flex-shrink:0}.profile-info-text{display:flex;flex-direction:column;gap:2px}.profile-role-tag{display:inline-flex;align-items:center;gap:4px;font-size:.725rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.profile-full-name{font-size:1.35rem;font-weight:800;color:var(--text)}.profile-username-sub{color:var(--text-muted);font-size:.85rem;font-family:monospace}.profile-meta-grid,.cashier-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px}.meta-box{display:flex;flex-direction:column;gap:4px}.meta-label{font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.meta-value{font-size:.95rem;font-weight:700;color:var(--text)}.badge-role-owner{color:var(--primary)}.badge-role-cashier{color:var(--success)}.status-active-text{display:inline-flex;align-items:center;gap:6px;color:var(--success)}.status-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--success);box-shadow:0 0 8px var(--success)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 15px #0000000a}.stat-icon-wrap{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon-wrap.primary{background:#2563eb1a;color:var(--info);border:1px solid rgba(37,99,235,.25)}.stat-icon-wrap.accent{background:var(--primary-soft);color:var(--primary);border:1px solid var(--border)}.stat-icon-wrap.warning{background:#c58a001a;color:var(--warning);border:1px solid rgba(197,138,0,.25)}.stat-details{display:flex;flex-direction:column}.stat-title{font-size:.8rem;color:var(--text-muted);font-weight:600}.stat-number{font-size:1.35rem;font-weight:800;color:var(--text)}.stat-sub{font-size:.75rem;color:var(--text-muted)}.info-notice-card{background:var(--primary-soft);border:1px solid var(--border);border-radius:12px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start}.notice-icon{font-size:1.25rem}.notice-content h4{font-size:.95rem;font-weight:700;color:var(--primary);margin-bottom:4px}.notice-content p{font-size:.875rem;color:var(--text);line-height:1.5}.pos-app-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;height:100%;max-height:100%;background:var(--bg);overflow:hidden}.pos-top-header{height:68px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:10}.pos-header-left{display:flex;align-items:center;gap:14px}.pos-header-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:5px 10px;border-radius:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.pos-header-title-wrap{display:flex;align-items:baseline;gap:8px}.pos-title{font-size:1.35rem;font-weight:800;color:var(--text);letter-spacing:-.02em}.pos-subtitle{font-size:.85rem;color:var(--text-muted)}.pos-header-right{display:flex;align-items:center;gap:16px}.cashier-profile-pill{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--border);padding:6px 12px;border-radius:10px}.cashier-avatar-mini{width:30px;height:30px;border-radius:8px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.85rem}.cashier-pill-info{display:flex;flex-direction:column}.cashier-name{font-size:.825rem;font-weight:700;color:var(--text);line-height:1.2}.cashier-role-text{font-size:.7rem;color:var(--text-muted)}.pos-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;flex:1;min-height:0;height:100%;max-height:100%;overflow:hidden}.pos-catalog-pane{display:flex;flex-direction:column;height:100%;min-height:0;border-right:1px solid var(--border);background:var(--bg);overflow:hidden}.catalog-toolbar{padding:10px 18px 8px;display:flex;align-items:center;gap:8px;flex-shrink:0}.catalog-search-box{flex:1;position:relative;display:flex;align-items:center}.search-box-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.catalog-search-input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 34px;color:var(--text);font-size:.86rem;font-family:inherit;outline:none;transition:all .2s ease}.catalog-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.btn-clear-search{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center}.btn-clear-search:hover{color:var(--text)}.btn-refresh-catalog{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-refresh-catalog:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.categories-pill-bar{padding:0 18px 8px;display:flex;align-items:center;gap:6px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;flex-shrink:0}.category-pill{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:5px 12px;border-radius:9999px;font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease;flex-shrink:0}.category-pill:hover{background:var(--surface-2)}.category-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 3px 10px #d2462d40}.cat-count{font-size:.72rem;opacity:.85}.catalog-content-area{flex:1;min-height:0;overflow-y:auto;padding:4px 18px 18px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px;cursor:pointer;transition:all .15s ease;position:relative;overflow:hidden;box-shadow:var(--shadow-xs);min-height:130px}.product-card:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}.product-card.in-cart{border-color:var(--primary);background:var(--primary-soft)}.product-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.product-category-tag{display:inline-flex;align-items:center;gap:3px;font-size:.7rem;font-weight:700;color:var(--text-muted);background:var(--surface-2);padding:2px 6px;border-radius:4px}.badge-in-cart{font-size:.68rem;font-weight:800;color:var(--primary);background:var(--surface);border:1px solid var(--border);padding:2px 5px;border-radius:4px}.product-card-main{display:flex;flex-direction:column;gap:4px}.product-name{font-size:.88rem;font-weight:800;color:var(--text);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:2.5em}.product-meta{display:flex;align-items:center;gap:5px}.product-sku{font-size:.72rem;color:var(--text-muted);font-family:monospace}.product-unit-pill{font-size:.68rem;color:var(--text-muted);background:var(--surface-2);padding:1px 5px;border-radius:4px}.product-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:8px;border-top:1px solid var(--border)}.product-price-wrap{display:flex;flex-direction:column}.product-price-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase}.product-price{font-size:.95rem;font-weight:800;color:var(--primary);letter-spacing:-.01em}.btn-add-to-cart{width:36px;height:36px;border-radius:9px;background:var(--primary);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #d2462d40;flex-shrink:0}.btn-add-to-cart:hover{background:var(--primary-hover);box-shadow:0 4px 12px #d2462d59}.catalog-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.product-card-skeleton{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px;height:140px;display:flex;flex-direction:column;justify-content:space-between}.skeleton-line{background:linear-gradient(90deg,#ede8d5 25%,#f7f3df,#ede8d5 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:6px}.skeleton-line.title{height:16px;width:80%}.skeleton-line.sku{height:10px;width:40%}.skeleton-line.price{height:20px;width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.catalog-error-box,.catalog-empty-box{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 20px;gap:10px}.catalog-error-box .error-icon{color:var(--danger)}.catalog-empty-box .empty-icon{color:var(--text-muted)}.catalog-error-box h3,.catalog-empty-box h3{font-size:1.1rem;font-weight:700;color:var(--text)}.catalog-error-box p,.catalog-empty-box p{font-size:.85rem;color:var(--text-muted);max-width:380px}.btn-retry,.btn-reset-filter{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:6px 14px;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;margin-top:4px}.btn-retry:hover,.btn-reset-filter:hover{background:var(--surface-2)}.pos-cart-pane{background:var(--surface);height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--border)}.cart-container-box{display:flex;flex-direction:column;height:100%;max-height:100%;min-height:0;overflow:hidden}.cart-header{padding:8px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--surface)}.cart-title-wrap{display:flex;align-items:center;gap:6px}.cart-icon{color:var(--primary)}.cart-title{font-size:.92rem;font-weight:800;color:var(--text);margin:0}.cart-items-badge{font-size:.7rem;font-weight:800;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:1px 6px;border-radius:9999px}.btn-clear-cart{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:var(--text-muted);font-size:.72rem;font-weight:600;cursor:pointer;padding:2px 5px;border-radius:4px;transition:all .15s ease}.btn-clear-cart:hover{color:var(--danger);background:#b4231814}.cart-items-scroll{flex:1;min-height:0;overflow-y:auto;padding:6px 10px;background:var(--surface)}.cart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 14px;gap:6px;height:100%}.cart-empty-icon-wrap{width:40px;height:40px;border-radius:50%;background:var(--surface-2);border:1px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);margin-bottom:2px}.cart-empty-title{font-size:.85rem;font-weight:700;color:var(--text)}.cart-empty-desc{font-size:.72rem;color:var(--text-muted);max-width:220px;line-height:1.3}.cart-items-list{display:flex;flex-direction:column;gap:5px}.cart-item-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 2px #00000008;transition:border-color .15s ease,background-color .15s ease}.cart-item-row-top{display:flex;justify-content:space-between;align-items:flex-start;gap:6px}.cart-item-title-wrap{display:flex;align-items:center;gap:5px;min-width:0;flex:1}.cart-item-bundle-pill{font-size:.62rem;font-weight:800;padding:1px 5px;border-radius:4px;background:#d2462d1f;color:var(--primary, #D2462D);flex-shrink:0}.cart-item-name{font-size:.82rem;font-weight:700;color:var(--text, #111827);line-height:1.25;margin:0;word-break:break-word}.cart-item-actions-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.btn-cart-item-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:5px;border:1px solid var(--border, #E5E7EB);background:var(--surface, #FFFFFF);color:var(--text-muted, #6B7280);cursor:pointer;transition:all .15s ease;padding:0}.btn-cart-item-icon:hover{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D);background:#d2462d0f}.btn-cart-item-icon.delete:hover{border-color:#ef4444;color:#ef4444;background:#ef444414}.cart-item-row-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.cart-item-unit-price{font-size:.72rem;color:var(--text-muted, #6B7280);font-weight:500}.cart-item-note-pill{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;color:var(--primary, #D2462D);background:#d2462d14;border:1px solid rgba(210,70,45,.2);border-radius:4px;padding:1px 5px;max-width:180px}.cart-item-note-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-note{background:none;border:none;color:#ef4444;cursor:pointer;padding:0;display:inline-flex;align-items:center}.cart-item-bundle-meta{font-size:.66rem;color:var(--text-muted, #6B7280);line-height:1.2}.cart-item-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:2px}.qty-control-wrap{display:inline-flex;align-items:center;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:6px;padding:1px}.btn-qty{width:22px;height:22px;background:transparent;border:none;color:var(--text, #111827);display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:4px;transition:all .15s ease}.btn-qty:hover{background:#0000000d}.btn-qty.minus:hover{color:#ef4444}.btn-qty.plus:hover{color:#10b981}.qty-value{min-width:22px;text-align:center;font-size:.76rem;font-weight:700;color:var(--text, #111827)}.cart-item-subtotal{display:flex;flex-direction:column;align-items:flex-end;gap:1px}.cart-item-total-amount{font-size:.84rem;font-weight:700;color:var(--text, #111827)}.cart-item-discount-pill{font-size:.64rem;font-weight:600}.cart-item-discount-pill.complimentary{color:#059669}.cart-item-discount-pill.promo{color:#ef4444}.cart-footer-summary{padding:8px 12px 10px;border-top:1px solid var(--border, #E5E7EB);background:var(--surface, #FFFFFF);display:flex;flex-direction:column;gap:4px;flex-shrink:0}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;color:var(--text-muted, #6B7280);line-height:1.3}.summary-label{font-weight:500;color:var(--text-muted, #6B7280)}.summary-val{font-weight:600;color:var(--text, #111827)}.summary-val-with-actions{display:flex;align-items:center;gap:6px}.btn-summary-icon-action{background:none;border:none;cursor:pointer;color:var(--text-muted, #6B7280);padding:0;display:inline-flex;align-items:center;transition:color .15s ease}.btn-summary-icon-action:hover{color:var(--primary, #D2462D)}.btn-summary-icon-action.delete:hover{color:#ef4444}.summary-dash-action{background:none;border:none;cursor:pointer;color:var(--text-muted, #9CA3AF);font-size:.85rem;font-weight:600;padding:0 4px;line-height:1;transition:color .15s ease}.summary-dash-action:hover{color:var(--primary, #D2462D)}.summary-divider{height:1px;background:var(--border, #E5E7EB);margin:3px 0}.summary-row.total-row{font-size:.86rem;font-weight:800;color:var(--text, #111827);margin-top:1px;margin-bottom:2px}.summary-row.total-row .total-label{font-size:.88rem;font-weight:800;letter-spacing:.3px;color:var(--text, #111827)}.summary-row.total-row .total-val{font-size:1.05rem;color:var(--primary, #D2462D)!important;font-weight:800}.cart-validation-error-box{padding:6px 10px;background-color:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:6px;font-size:.74rem;color:var(--error, #EF4444);line-height:1.3;margin-bottom:4px;display:flex;align-items:center;gap:6px}.cart-action-buttons-group{display:flex;gap:8px;margin-top:4px}.btn-cart-footer-simpan{flex:1;min-height:42px;padding:8px 12px;border-radius:8px;border:1.5px solid var(--border, #E5E7EB);background:var(--surface, #FFFFFF);color:var(--text, #111827);font-size:.84rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;white-space:nowrap}.btn-cart-footer-simpan:hover:not(:disabled){background:#0000000a;border-color:var(--text-muted, #9CA3AF)}.btn-cart-footer-simpan:disabled{opacity:.5;cursor:not-allowed}.btn-pay-action{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--primary, #D2462D);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.88rem;font-weight:800;cursor:pointer;box-shadow:0 2px 8px #d2462d40;transition:all .15s ease;letter-spacing:.2px}.btn-cart-footer-bayar{flex:2;min-height:42px;margin:0;white-space:nowrap}.btn-pay-action:hover:not(:disabled){background:#bc3c25;box-shadow:0 4px 12px #d2462d59}.btn-pay-action:disabled{background:var(--border, #E5E7EB);color:var(--text-muted, #9CA3AF);box-shadow:none;cursor:not-allowed;opacity:.6}[data-theme=dark] .cart-item-card{background:#20242a;border-color:#2d333e;box-shadow:0 1px 2px #0003}[data-theme=dark] .cart-item-name{color:#f3f4f6}[data-theme=dark] .cart-item-unit-price{color:#9ca3af}[data-theme=dark] .btn-cart-item-icon{background:#181a1f;border-color:#2d333e;color:#9ca3af}[data-theme=dark] .btn-cart-item-icon:hover{background:#d2462d26;border-color:var(--primary, #D2462D);color:#ff6b4a}[data-theme=dark] .btn-cart-item-icon.delete:hover{background:#ef444426;border-color:#ef4444;color:#ef4444}[data-theme=dark] .qty-control-wrap{background:#181a1f;border-color:#2d333e}[data-theme=dark] .btn-qty{color:#f3f4f6}[data-theme=dark] .btn-qty:hover{background:#2d333e}[data-theme=dark] .qty-value,[data-theme=dark] .cart-item-total-amount{color:#f3f4f6}[data-theme=dark] .cart-footer-summary{background:#181a1f;border-color:#2d333e}[data-theme=dark] .summary-label{color:#9ca3af}[data-theme=dark] .summary-val{color:#f3f4f6}[data-theme=dark] .summary-dash-action{color:#6b7280}[data-theme=dark] .summary-dash-action:hover{color:#ff6b4a}[data-theme=dark] .btn-summary-icon-action{color:#9ca3af}[data-theme=dark] .btn-summary-icon-action:hover{color:#ff6b4a}[data-theme=dark] .summary-divider{background:#2d333e}[data-theme=dark] .summary-row.total-row,[data-theme=dark] .summary-row.total-row .total-label{color:#f3f4f6}[data-theme=dark] .summary-row.total-row .total-val{color:#d2462d!important}[data-theme=dark] .btn-cart-footer-simpan{background:#20242a;border-color:#2d333e;color:#f3f4f6}[data-theme=dark] .btn-cart-footer-simpan:hover:not(:disabled){background:#282c34;border-color:#4b5563}[data-theme=dark] .btn-cart-footer-simpan:disabled{border-color:#252830;color:#6b7280}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:var(--z-modal-primary, 1000);animation:fadeIn .2s ease}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:520px;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;animation:scaleUp .2s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface-2)}.modal-title-wrap{display:flex;align-items:center;gap:10px}.modal-icon{color:var(--primary)}.modal-header h3{font-size:1.2rem;font-weight:800;color:var(--text)}.btn-close-modal{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-close-modal:hover{background:var(--border);color:var(--text)}.modal-body{padding:24px;display:flex;flex-direction:column;gap:20px;max-height:75vh;overflow-y:auto;background:var(--surface)}.payment-total-banner{position:sticky;top:0;z-index:5;background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.payment-total-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.banner-top{display:flex;align-items:center;justify-content:space-between}.banner-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.banner-items-count{font-size:.75rem;font-weight:800;color:var(--primary);background:var(--primary-soft);padding:2px 8px;border-radius:6px}.banner-grand-total{font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.banner-sub-breakdown{display:flex;align-items:center;gap:12px;font-size:.775rem;color:var(--text-muted)}.payment-method-section{display:flex;flex-direction:column;gap:10px}.section-label{font-size:.825rem;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.5px}.method-selector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.method-button{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--text);cursor:pointer;transition:all .2s ease}.method-button:hover{background:var(--surface-2);border-color:var(--primary-light)}.method-button.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);box-shadow:0 0 12px #d2462d33}.method-button.active svg{color:var(--primary)}.method-name{font-size:.875rem;font-weight:800}.method-sub{font-size:.7rem;opacity:.75}.payment-method-box{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:16px}.cash-input-group{display:flex;flex-direction:column;gap:8px}.input-label{font-size:.85rem;font-weight:700;color:var(--text)}.currency-input-wrap{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:14px;color:var(--text-muted);font-weight:800;font-size:1.1rem;pointer-events:none}.cash-input{width:100%;background:var(--surface);border:2px solid var(--border);border-radius:12px;padding:12px 14px 12px 48px;color:var(--text);font-size:1.35rem;font-weight:800;outline:none;font-family:inherit;transition:all .2s ease}.cash-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.quick-cash-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.quick-label{font-size:.75rem;color:var(--text-muted);font-weight:600}.quick-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.btn-quick-nominal{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 14px;min-height:42px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease-in-out;-webkit-user-select:none;user-select:none}.btn-quick-nominal:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-quick-nominal:active{transform:translateY(1px)}.btn-quick-nominal.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 2px rgba(var(--primary-rgb, 59, 130, 246),.2)}.btn-quick-nominal.btn-quick-exact{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:800;letter-spacing:.02em}.btn-quick-nominal.btn-quick-exact:hover{background:var(--primary-dark, #2563eb);border-color:var(--primary-dark, #2563eb);color:#fff}.btn-quick-nominal.btn-quick-exact.active{background:var(--primary-dark, #1d4ed8);border-color:var(--primary-dark, #1d4ed8);color:#fff;box-shadow:0 0 0 2px rgba(var(--primary-rgb, 59, 130, 246),.4)}.cash-status-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-radius:10px;font-size:.9rem;font-weight:700}.cash-status-banner.warning{background:#b4231814;border:1px solid rgba(180,35,24,.25);color:var(--danger);display:flex;align-items:center;gap:8px;justify-content:flex-start}.cash-status-banner.success{background:#2187391a;border:1px solid rgba(33,135,57,.25);color:var(--success)}.change-label-wrap{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--success)}.change-amount{font-size:1.35rem;font-weight:800;color:var(--success)}.qris-header-info,.transfer-header-info{display:flex;align-items:flex-start;gap:14px}.qris-icon-wrap,.transfer-icon-wrap{background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.transfer-icon-wrap{background:#2563eb1a;border-color:#2563eb40;color:var(--info)}.qris-title,.transfer-title{font-size:1rem;font-weight:700;color:var(--text);margin-bottom:2px}.qris-desc,.transfer-desc{font-size:.8rem;color:var(--text-muted);line-height:1.4}.qris-amount-display,.transfer-amount-display{display:flex;justify-content:space-between;align-items:center;background:var(--surface);border:1px solid var(--border);padding:12px 16px;border-radius:10px}.amount-label{font-size:.8rem;font-weight:600;color:var(--text-muted)}.amount-val{font-size:1.15rem;font-weight:800;color:var(--primary)}.custom-checkbox-container{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;transition:all .2s ease}.custom-checkbox-container:hover{background:var(--surface-2)}.custom-checkbox-container input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);cursor:pointer;display:grid;place-content:center;margin:0;flex-shrink:0;transition:all .15s ease;accent-color:var(--primary)}.custom-checkbox-container input[type=checkbox]:before{content:"";width:10px;height:6px;border-left:2px solid #FFFFFF;border-bottom:2px solid #FFFFFF;transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform .15s cubic-bezier(.16,1,.3,1)}.custom-checkbox-container input[type=checkbox]:checked{background:#d2462d;border-color:#d2462d}.custom-checkbox-container input[type=checkbox]:checked:before{transform:rotate(-45deg) translate(1px,-1px) scale(1)}.custom-checkbox-container:has(input[type=checkbox]:checked){border-color:#d2462d;background:#d2462d14}.checkbox-text{font-size:.9rem;font-weight:700;color:var(--text)}.modal-footer{padding:16px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:12px;background:var(--surface-2)}.btn-modal-cancel{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:12px 20px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-modal-cancel:hover{background:var(--surface-2)}.btn-modal-process{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.925rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #d2462d40;transition:all .2s ease;letter-spacing:.5px}.btn-modal-process:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d2462d59}.btn-modal-process:disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.success-receipt-card{max-width:480px}.success-header{padding:28px 24px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;background:linear-gradient(180deg,rgba(33,135,57,.08) 0%,transparent 100%);border-bottom:1px solid var(--border)}.success-icon-badge{color:var(--success);background:#2187391a;border:1px solid rgba(33,135,57,.25);width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px}.success-title{font-size:1.45rem;font-weight:800;color:var(--text);margin-bottom:4px}.success-subtitle{font-size:.85rem;color:var(--text-muted)}.receipt-content-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;background:var(--surface)}.receipt-invoice-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.invoice-info{display:flex;flex-direction:column;gap:2px}.invoice-label{font-size:.725rem;font-weight:700;color:var(--text-muted);text-transform:uppercase}.invoice-number{font-size:1rem;color:var(--primary);font-weight:800}.invoice-date-info{display:flex;flex-direction:column;text-align:right;font-size:.75rem;color:var(--text-muted)}.receipt-items-table{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.table-header{background:var(--surface-2);padding:10px 14px;display:flex;justify-content:space-between;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border)}.table-rows{display:flex;flex-direction:column}.table-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--border)}.table-row:last-child{border-bottom:none}.row-item-info{display:flex;flex-direction:column;gap:2px}.row-name{font-size:.85rem;font-weight:800;color:var(--text)}.row-qty-price{font-size:.75rem;color:var(--text-muted)}.row-subtotal{font-size:.85rem;font-weight:800;color:var(--text)}.receipt-summary-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.receipt-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:var(--text)}.payment-method-badge{background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:2px 8px;border-radius:6px;font-weight:800;font-size:.775rem}.highlight-change{padding-top:8px;border-top:1px solid var(--border);font-size:1rem;color:var(--text)}.change-val{font-size:1.25rem;color:var(--success);font-weight:800}.receipt-footer-actions{padding:18px 24px;border-top:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--surface-2)}.btn-print-receipt{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:14px 18px;border-radius:12px;font-size:.95rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #d2462d40;transition:all .2s ease;letter-spacing:.5px}.btn-print-receipt:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #d2462d59}.btn-new-transaction{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:14px 18px;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-new-transaction:hover{background:var(--surface-2);border-color:var(--text-muted);transform:translateY(-2px)}.test-db-page{min-height:100vh;background:var(--bg);padding:32px 20px;display:flex;justify-content:center}.test-db-container{max-width:900px;width:100%;display:flex;flex-direction:column;gap:20px}.test-db-header{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 28px;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000000a}.test-db-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--primary)}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--text-muted);text-decoration:none;font-size:.875rem;font-weight:600;transition:color .2s ease}.back-link:hover{color:var(--primary)}.security-badge{display:inline-flex;align-items:center;gap:6px;background:#2563eb1a;border:1px solid rgba(37,99,235,.25);color:var(--info);padding:4px 12px;border-radius:9999px;font-size:.8rem;font-weight:700}.title-section{display:flex;align-items:center;gap:18px}.db-icon-wrapper{background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:14px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.test-title{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:4px}.test-subtitle{color:var(--text-muted);font-size:.9rem}.test-subtitle code{background:var(--surface-2);padding:2px 6px;border-radius:4px;color:var(--primary);font-family:monospace}.query-info-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.query-header{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.query-code{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.875rem;color:var(--primary);background:transparent;margin:0;line-height:1.5;white-space:pre-wrap}.status-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}.status-indicator{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:10px;font-size:.875rem;font-weight:700}.status-badge.loading{background:#c58a001a;border:1px solid rgba(197,138,0,.25);color:var(--warning)}.status-badge.error{background:#b4231814;border:1px solid rgba(180,35,24,.25);color:var(--danger)}.status-badge.success{background:#2187391a;border:1px solid rgba(33,135,57,.25);color:var(--success)}.last-checked-text{color:var(--text-muted);font-size:.8rem}.btn-refresh{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--text);padding:8px 16px;border-radius:10px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-refresh:hover:not(:disabled){background:var(--surface-2)}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;min-height:240px;display:flex;flex-direction:column;box-shadow:0 4px 15px #0000000a}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;margin:auto}.accent-spinner{color:var(--primary);margin-bottom:16px}.empty-icon{color:var(--text-muted);margin-bottom:16px}.state-title,.empty-title{font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:6px}.state-desc,.empty-desc{font-size:.9rem;color:var(--text-muted);max-width:480px}.empty-desc code{background:var(--surface-2);padding:2px 6px;border-radius:4px;color:var(--primary);font-family:monospace}.error-icon-box{background:#b4231814;border:1px solid rgba(180,35,24,.25);color:var(--danger);padding:12px;border-radius:50%;margin-bottom:16px}.error-title{font-size:1.2rem;font-weight:800;color:var(--danger);margin-bottom:8px}.error-message{color:var(--text);background:#b423180d;border:1px solid rgba(180,35,24,.2);padding:12px 18px;border-radius:8px;font-family:monospace;font-size:.875rem;max-width:600px;margin-bottom:20px;word-break:break-word}.error-tips{background:var(--surface-2);border:1px solid var(--border);padding:16px 20px;border-radius:10px;text-align:left;max-width:600px;font-size:.85rem;color:var(--text-muted)}.error-tips p{color:var(--text);margin-bottom:8px}.error-tips ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.error-tips code{background:var(--surface);padding:2px 4px;border-radius:4px;color:var(--primary);font-family:monospace}.table-responsive{overflow-x:auto;width:100%}.categories-table{width:100%;border-collapse:collapse;text-align:left}.categories-table th{background:var(--surface-2);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;border-bottom:1px solid var(--border);font-weight:700}.categories-table td{padding:14px 16px;border-bottom:1px solid var(--border);font-size:.9rem;vertical-align:middle}.categories-table tbody tr:hover{background:var(--surface-2)}.code-badge{display:inline-flex;align-items:center;gap:6px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);padding:4px 10px;border-radius:6px;font-family:monospace;font-weight:700;font-size:.85rem}.category-name{font-weight:700;color:var(--text)}.id-cell{font-size:.8rem}@media(max-width:1023px){.pos-app-layout{flex-direction:row;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden}.pos-sidebar{position:fixed;top:0;left:0;bottom:0;width:290px;max-width:85vw;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;z-index:1001;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:4px 0 28px #00000073;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.pos-sidebar.mobile-open{transform:translate(0)}.pos-sidebar.collapsed .brand-info,.pos-sidebar.collapsed .user-details,.pos-sidebar.collapsed .nav-text,.pos-sidebar.collapsed .nav-section-title,.pos-sidebar.collapsed .badge-soon,.pos-sidebar.collapsed .nav-chevron,.pos-sidebar.collapsed .btn-logout span,.pos-sidebar.collapsed .btn-logout .btn-logout-text{display:flex!important}.pos-sidebar.collapsed .nav-text{display:inline-block!important}.pos-sidebar.collapsed{width:290px;max-width:86vw}.pos-sidebar.collapsed .sidebar-brand{padding:12px 14px;flex-direction:row;justify-content:space-between}.pos-sidebar.collapsed .sidebar-user-card{padding:10px 14px;justify-content:flex-start}.pos-sidebar.collapsed .sidebar-nav{padding:8px}.pos-sidebar.collapsed .nav-link,.pos-sidebar.collapsed .nav-group-btn{display:grid!important;grid-template-columns:22px minmax(0,1fr) auto!important;justify-content:flex-start;padding:8px 10px}.pos-sidebar.collapsed .btn-logout{display:grid!important;grid-template-columns:22px minmax(0,1fr)!important;width:100%;height:auto;padding:8px 12px;border-radius:8px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-backdrop.mobile-open{opacity:1;pointer-events:auto}.btn-sidebar-toggle{display:none!important}.btn-sidebar-mobile-close,.btn-mobile-menu-toggle{display:flex!important}.pos-app-shell{width:100%;max-width:100%;flex:1;min-width:0}.global-main-bar{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));gap:8px}.mainbar-left{gap:8px}.mainbar-user-card{max-width:180px}.page-content-container,.page-shell,.pos-page-wrapper{padding:16px 18px;gap:16px}}@media(max-width:767px){.global-main-bar{height:calc(54px + env(safe-area-inset-top,0px));min-height:calc(54px + env(safe-area-inset-top,0px));max-height:calc(68px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px));padding-bottom:0;align-items:center;box-sizing:border-box}.btn-mobile-menu-toggle{display:inline-flex!important;width:44px;height:44px;min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:8px;touch-action:manipulation;z-index:10;cursor:pointer;flex-shrink:0}.mainbar-logo-brand,.mainbar-badge,.mainbar-mobile-subtitle,.mainbar-subtitle{display:none!important}.mainbar-title{font-size:.95rem;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.global-main-bar .mainbar-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.global-main-bar .mainbar-right{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-shrink:0}.global-main-bar .mainbar-right .theme-switcher-container,.global-main-bar .theme-dropdown-wrapper{display:none!important}.global-main-bar .mainbar-right .notification-center-wrap{display:inline-flex!important}.global-main-bar .mainbar-user-card,.mainbar-user-card{display:none!important}.page-content-container,.page-shell,.pos-page-wrapper{padding:12px;gap:12px}.dash-kpi-row{grid-template-columns:repeat(2,1fr);gap:8px}.dash-header{margin-bottom:12px}}.pos-shift-indicator-bar{border-bottom:1px solid var(--border);padding:4px 14px;min-height:34px;max-height:34px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;font-size:.78rem;box-sizing:border-box}.pos-shift-indicator-info{display:flex;align-items:center;gap:10px;min-width:0;overflow:hidden}.pos-shift-quick-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pos-shift-action-btn{display:inline-flex;align-items:center;gap:4px;border-radius:6px;cursor:pointer;white-space:nowrap;font-size:.74rem;font-weight:700;padding:3px 8px;transition:background .15s ease,opacity .15s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation}@media(max-width:767px){.pos-shift-indicator-bar{min-height:auto;max-height:none!important;height:auto;padding:6px 12px;flex-direction:column;align-items:stretch;gap:6px}.pos-shift-indicator-info{width:100%;justify-content:space-between;font-size:.73rem}.pos-shift-quick-actions{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding:2px 0 3px;gap:6px}.pos-shift-quick-actions::-webkit-scrollbar{display:none}.pos-shift-action-btn{flex-shrink:0;min-height:34px;padding:5px 10px!important;font-size:.76rem!important}}.pos-mobile-staged-container{display:none}.pos-desktop-grid{display:grid}@media(max-width:767px){.pos-desktop-grid{display:none!important}.pos-mobile-staged-container{display:flex!important;flex-direction:column;flex:1;min-height:0;width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(75px + env(safe-area-inset-bottom,0px));background:var(--bg-app)}.pos-terminal-header,.hide-on-mobile{display:none!important}.mobile-step-header{position:sticky;top:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--border);padding:8px 12px;display:flex;flex-direction:column;align-items:stretch;gap:8px;box-shadow:0 1px 4px #0000000a}.mobile-step-nav-row{display:flex;align-items:center;justify-content:center;width:100%}.mobile-step-nav{display:flex;align-items:center;justify-content:center;gap:6px;width:100%}.mobile-step-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:20px;padding:4px 8px;display:inline-flex;align-items:center;gap:5px;cursor:pointer;font-size:.72rem;font-weight:700;color:var(--text-muted);transition:all .15s ease;white-space:nowrap}.mobile-step-pill.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px #d2462d40}.mobile-step-pill.completed{background:var(--surface);border-color:var(--primary-border);color:var(--primary)}.step-circle{width:16px;height:16px;border-radius:50%;background:#0000001a;display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:800}.mobile-step-pill.active .step-circle{background:#ffffff40;color:#fff}.step-text{font-size:.72rem}.step-arrow{font-size:.7rem;color:var(--text-muted);opacity:.6;-webkit-user-select:none;user-select:none}.mobile-header-cart-btn{background:var(--surface-2);border:1.5px solid var(--primary);color:var(--primary);border-radius:20px;padding:4px 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:.75rem;font-weight:800;flex-shrink:0;transition:all .15s ease}.mobile-header-cart-btn:hover{background:var(--primary-soft)}.cart-count-badge{background:var(--primary);color:#fff;border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:800}.cart-total-text{font-variant-numeric:tabular-nums;font-size:.75rem}.mobile-stage-content{padding:10px 12px;display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.mobile-card-section{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs)}.section-header-compact{display:flex;align-items:center;justify-content:space-between}.section-title-wrap{display:flex;align-items:center;gap:6px}.section-title-text{font-size:.82rem;font-weight:800;color:var(--text-main)}.btn-link-action{background:none;border:none;cursor:pointer;font-size:.74rem;font-weight:700;display:inline-flex;align-items:center;gap:4px;padding:0}.selected-customer-box{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.customer-main-info{display:flex;flex-direction:column;gap:2px;min-width:0}.customer-name-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.customer-name-bold{font-size:.88rem;font-weight:800;color:var(--text-main)}.member-pill{background:#27ae601f;color:#27ae60;border:1px solid rgba(39,174,96,.3);border-radius:4px;padding:1px 6px;font-size:.68rem;font-weight:800}.customer-sub-row{font-size:.75rem;color:var(--text-muted)}.btn-change-customer{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:.75rem;font-weight:700;color:var(--text-main);cursor:pointer;display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.empty-customer-box{display:flex;align-items:center;justify-content:space-between;background:var(--surface-2);border:1px dashed var(--border);border-radius:8px;padding:10px 12px}.guest-label{display:flex;flex-direction:column;gap:2px}.guest-badge{font-size:.82rem;font-weight:700;color:var(--text-main)}.guest-hint{font-size:.72rem;color:var(--text-muted)}.btn-select-customer{background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:8px;height:38px;padding:0 14px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;transition:all .15s ease}.btn-select-customer:hover,.btn-select-customer:active{border-color:var(--primary);color:var(--primary);background:var(--surface)}.order-type-segmented-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.order-type-segment{background:var(--surface-2);border:1.5px solid var(--border);border-radius:8px;padding:8px 6px;min-height:48px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;cursor:pointer;transition:all .15s ease}.order-type-segment.active{background:var(--primary-soft);border-color:var(--primary)}.segment-icon{font-size:1.1rem}.order-type-segment.active .segment-icon{color:var(--primary, #D2462D)}.segment-label{font-size:.78rem;font-weight:800;color:var(--text-main)}.order-type-segment.active .segment-label{color:var(--primary)}.segment-sub{font-size:.65rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.order-type-subdetail-box{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.subdetail-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.subdetail-label{font-size:.78rem;font-weight:700;color:var(--text-main);flex-shrink:0}.subdetail-control-wrap{display:flex;align-items:center;gap:6px;flex:1;justify-content:flex-end}.subdetail-select{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.82rem;min-height:38px;max-width:180px}.btn-quick-manage{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.queue-input-wrap{display:flex;align-items:center;gap:6px}.subdetail-input{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.88rem;font-weight:700;width:100px;text-align:center;min-height:38px}.btn-refresh-queue{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer}.subdetail-hint{font-size:.74rem;color:var(--text-muted);text-align:right}.preorder-summary-compact{display:flex;flex-direction:column;gap:4px;font-size:.78rem}.preorder-row{display:flex;gap:6px}.preorder-key{color:var(--text-muted);flex-shrink:0;width:70px}.preorder-val{color:var(--text-main);font-weight:600}.btn-edit-preorder{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:.76rem;font-weight:700;color:var(--primary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;margin-top:4px}.mobile-order-note-input{width:100%;padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);font-size:.8rem;min-height:38px;box-sizing:border-box}.mobile-catalog-header{display:flex;flex-direction:column;gap:8px}.mobile-search-wrap{position:relative;display:flex;align-items:center;width:100%}.mobile-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.mobile-search-input{width:100%;padding:8px 32px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.84rem;min-height:38px;box-sizing:border-box}.mobile-categories-bar{display:flex;align-items:center;gap:5px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.mobile-categories-bar::-webkit-scrollbar{display:none}.mobile-cat-pill{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:4px 10px;font-size:.74rem;font-weight:700;color:var(--text-main);cursor:pointer;white-space:nowrap;flex-shrink:0}.mobile-cat-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.mobile-products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}@media(max-width:359px){.mobile-products-grid{grid-template-columns:1fr}}.mobile-product-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;cursor:pointer;box-shadow:var(--shadow-xs);min-height:105px;position:relative}.mobile-product-card.in-cart{border-color:var(--primary);background:var(--primary-soft)}.card-top-tag{display:flex;align-items:center;justify-content:space-between;gap:4px}.card-cat-name{font-size:.65rem;font-weight:700;color:var(--text-muted);background:var(--surface-2);padding:1px 5px;border-radius:4px}.card-qty-badge{font-size:.68rem;font-weight:800;color:var(--primary);background:var(--surface);border:1px solid var(--primary-border);padding:1px 5px;border-radius:4px}.card-product-name{font-size:.82rem;font-weight:800;color:var(--text-main);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.1em}.card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-top:2px}.card-product-price{font-size:.84rem;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}.card-add-btn{background:var(--primary);color:#fff;border:none;border-radius:6px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.card-qty-stepper{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--primary-border);border-radius:6px;padding:2px 4px;flex-shrink:0}.card-stepper-btn{background:var(--primary-soft);color:var(--primary);border:none;border-radius:4px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.card-stepper-btn:active{background:var(--primary);color:#fff}.card-stepper-qty{font-size:.82rem;font-weight:800;color:var(--text-main);min-width:16px;text-align:center}.mobile-stage-top-bar{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;gap:8px}.btn-stage-back{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-main);cursor:pointer;flex-shrink:0}.stage-top-title{font-size:.88rem;font-weight:800;color:var(--text-main);flex:1;text-align:center}.btn-stage-cart-indicator{background:var(--primary-soft);border:1px solid var(--primary-border);border-radius:16px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:.75rem;font-weight:800;cursor:pointer;flex-shrink:0}.cart-badge-num{background:var(--primary);color:#fff;border-radius:10px;padding:0 5px;font-size:.68rem}.mobile-compact-order-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--shadow-xs)}.compact-order-type-badge{font-size:.76rem;font-weight:800;color:var(--primary);text-transform:uppercase;letter-spacing:.02em}.compact-order-cust-name{font-size:.92rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.compact-member-tag{background:#27ae601f;color:#27ae60;border:1px solid rgba(39,174,96,.3);border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:800}.compact-order-subtext{font-size:.75rem;color:var(--text-muted)}.compact-order-notes{font-size:.74rem;color:var(--primary);font-style:italic;margin-top:2px}.compact-items-section{padding:10px 12px;gap:8px}.compact-items-list{display:flex;flex-direction:column;gap:6px}.compact-item-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--border)}.compact-item-row:last-child{border-bottom:none;padding-bottom:0}.compact-item-left{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1;text-align:left}.compact-item-title{font-size:.82rem;font-weight:700;color:var(--text-main);line-height:1.25}.compact-item-subtitle{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.compact-item-note{font-size:.68rem;color:var(--primary);font-style:italic}.compact-item-right{font-size:.84rem;font-weight:800;color:var(--text-main);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;flex-shrink:0}.compact-order-notes-section{padding:10px 12px;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-xs)}.compact-order-note-content{padding:8px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;min-height:36px;display:flex;align-items:center}.compact-order-note-text{font-size:.78rem;color:var(--text-main);line-height:1.4;word-break:break-word;overflow-wrap:anywhere}.compact-order-note-empty{font-size:.82rem;color:var(--text-muted);font-weight:700}.compact-item-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--shadow-xs);transition:all .15s ease}.compact-item-main-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px dashed var(--border)}.compact-item-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.compact-badge-bundle{background:#d2462d1a;color:var(--primary);border:1px solid rgba(210,70,45,.25);font-size:.65rem;font-weight:800;padding:1px 5px;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.compact-item-right-summary{display:flex;flex-direction:column;align-items:flex-end;gap:1px;flex-shrink:0}.compact-item-promo-discount{font-size:.7rem;color:var(--error);font-weight:700}.compact-item-final-price{font-size:.88rem;font-weight:800;color:var(--text-main)}.compact-section-badge{font-size:.66rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:4px;background:var(--surface);color:var(--text-muted);border:1px solid var(--border);display:inline-block}.compact-section-badge.addon-badge{background:#f59e0b1f;color:#d97706;border-color:#f59e0b4d}.compact-menu-notes-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.compact-menu-notes-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.compact-menu-notes-body{display:flex;flex-direction:column;gap:6px}.compact-menu-note-row{display:flex;flex-direction:column;gap:2px;font-size:.75rem}.compact-note-field-label{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.compact-note-field-value{font-size:.76rem;color:var(--text-main);line-height:1.35;word-break:break-word;overflow-wrap:anywhere}.compact-note-field-value.birthday{color:#d97706;font-weight:700}.compact-modifier-chips-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.compact-modifier-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-main);font-size:.7rem;font-weight:700;padding:2px 7px;border-radius:4px;white-space:normal;word-break:break-word;overflow-wrap:anywhere;max-width:100%}.compact-addons-section-card{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:6px}.compact-addons-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.compact-addons-list{display:flex;flex-direction:column;gap:4px}.compact-addon-card-row{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:6px}.compact-addon-left-info{display:flex;align-items:baseline;gap:6px;min-width:0;flex:1;flex-wrap:wrap}.compact-addon-item-name{font-size:.76rem;font-weight:700;color:var(--text-main);white-space:normal;word-break:break-word;overflow-wrap:anywhere}.compact-addon-unit-calc{font-size:.7rem;color:var(--text-muted);white-space:nowrap}.compact-addon-right-info{display:flex;align-items:center;gap:6px;flex-shrink:0}.compact-addon-total-price{font-size:.78rem;font-weight:800;color:var(--text-main)}.btn-compact-addon-delete{background:none;border:none;color:var(--error, #EF4444);cursor:pointer;padding:3px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:opacity .15s ease}.btn-compact-addon-delete:hover{opacity:.75}.compact-item-actions-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px dashed var(--border)}.btn-compact-action{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:.74rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.btn-compact-action.edit{color:var(--primary);border-color:var(--primary-border, rgba(210, 70, 45, .3));background:var(--primary-soft, rgba(210, 70, 45, .06))}.btn-compact-action.delete{color:var(--error);border-color:#ef44444d;background:#ef44440f}.compact-fin-section{padding:10px 12px;gap:6px}.compact-fin-row{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;line-height:1.3}.compact-fin-label{color:var(--text-muted);font-weight:600;text-align:left}.compact-fin-val{font-weight:700;color:var(--text-main);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.compact-fin-action{display:flex;align-items:center;gap:4px}.fin-mini-btn{background:none;border:none;color:var(--primary);cursor:pointer;padding:2px;display:inline-flex;align-items:center}.btn-add-fin-mini{background:none;border:none;color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;padding:0 4px}.compact-fin-divider{height:1px;background:var(--border);margin:3px 0}.compact-total-row{padding-top:3px}.compact-total-label{font-size:.88rem;font-weight:800;color:var(--text-main)}.compact-total-val{font-size:1.15rem;font-weight:800;color:var(--primary);text-align:right;font-variant-numeric:tabular-nums}.stage3-action-bar{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box}.stage3-action-bar .btn-action-back{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--border);color:var(--text-main);border-radius:8px;cursor:pointer}.stage3-action-bar .btn-action-save{padding:0 10px;min-height:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:4px;font-size:.8rem;background:var(--surface);border:1.5px solid var(--primary-border);color:var(--primary);border-radius:8px;cursor:pointer;white-space:nowrap}.stage3-action-bar .btn-action-pay{flex:1;min-width:0;min-height:44px;height:44px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:.82rem;font-weight:800;background:var(--primary);color:#fff;border:none;border-radius:8px;cursor:pointer;overflow:hidden;box-shadow:0 2px 8px #d2462d4d}.stage3-action-bar .btn-action-pay .btn-pay-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:baseline;gap:4px}.btn-bottom-secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text-main);border-radius:8px;min-height:44px;padding:0 10px;font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;flex-shrink:0}.btn-bottom-outline{background:var(--surface);border:1.5px solid var(--primary-border);color:var(--primary);border-radius:8px;min-height:44px;padding:0 10px;font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}.btn-bottom-outline:disabled{opacity:.5;cursor:not-allowed}.btn-bottom-primary{background:var(--primary);color:#fff;border:none;border-radius:8px;min-height:44px;padding:0 12px;font-size:.86rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;box-shadow:0 2px 8px #d2462d4d}.btn-bottom-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media(max-width:359px){.stage3-action-bar .btn-action-save span{display:none}.stage3-action-bar .btn-action-save{width:44px;min-width:44px;padding:0}}@media(max-width:359px){.mobile-products-grid{grid-template-columns:1fr!important}}.mobile-sticky-bottom-bar{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px)) 12px;display:flex;align-items:center;gap:8px;z-index:100;box-shadow:0 -3px 12px #00000014}.mobile-sticky-bottom-bar.dual-action{display:flex;gap:8px}.btn-stage-primary{flex:1;min-height:44px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease}.btn-stage-primary:disabled{opacity:.5;cursor:not-allowed}.btn-stage-secondary{background:var(--surface-2);border:1px solid var(--border);color:var(--text-main);border-radius:8px;min-height:44px;padding:0 14px;font-size:.84rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-view-cart-floating{background:var(--surface-2);border:1.5px solid var(--primary);color:var(--primary);border-radius:8px;min-height:44px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.cart-floating-text{display:flex;flex-direction:column;align-items:flex-start}.floating-count{font-size:.68rem;font-weight:700;color:var(--text-muted)}.floating-total{font-size:.82rem;font-weight:800;color:var(--primary);font-variant-numeric:tabular-nums}.cart-drawer-overlay{align-items:flex-end!important;padding:0!important}.cart-drawer-sheet{width:100%!important;max-width:100%!important;max-height:85dvh!important;background:var(--surface);border-radius:16px 16px 0 0!important;display:flex;flex-direction:column;box-shadow:0 -4px 24px #0000002e;animation:slideUpDrawer .2s ease-out}@keyframes slideUpDrawer{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.drawer-title-wrap{display:flex;align-items:center;gap:8px}.drawer-title{margin:0;font-size:1rem;font-weight:800}.btn-close-drawer{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex}.drawer-body{padding:12px 16px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}.drawer-empty-state{text-align:center;padding:36px 12px}.drawer-items-list{display:flex;flex-direction:column;gap:8px}.drawer-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.drawer-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.drawer-item-name{font-size:.82rem;font-weight:700;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-item-unit-price{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.drawer-item-note{font-size:.68rem;color:var(--primary);font-style:italic}.drawer-qty-controls{display:flex;align-items:center;gap:4px}.btn-qty-minus,.btn-qty-plus{width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.qty-number-display{min-width:20px;text-align:center;font-size:.84rem;font-weight:800}.drawer-item-subtotal-col{display:flex;align-items:center;gap:6px}.drawer-item-subtotal{font-size:.82rem;font-weight:800;color:var(--text-main)}.btn-item-delete{background:none;border:none;color:var(--error);cursor:pointer;padding:2px;display:flex}.drawer-footer{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)) 16px;border-top:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;gap:8px}.drawer-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem}.drawer-grand-total{font-size:1.1rem;font-weight:800;color:var(--primary)}.btn-close-drawer-cta{width:100%;min-height:42px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:800;cursor:pointer}.method-selector-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.receipt-footer-actions{grid-template-columns:1fr!important}input[type=text],input[type=number],input[type=password],input[type=email],input[type=search],select,textarea{font-size:16px!important;min-height:42px}.table-responsive,.table-container,.data-table-wrapper,.reports-table-wrapper,.shift-table-wrap,.payroll-table-wrap,.matrix-scroll-wrapper{width:100%;max-width:100%;overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:8px}.modal-container,.modal-content,.modal-dialog,.dialog-content,.modal-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch;margin:10px auto!important;padding:14px!important;border-radius:12px!important}}@media(min-width:360px)and (max-width:430px){.products-grid,.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.product-card{padding:10px 8px!important}.product-name{font-size:.82rem!important}}@media(min-width:431px)and (max-width:767px){.products-grid,.pos-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media(min-width:768px)and (max-width:1023px){.products-grid,.pos-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}}.text-left,.col-name,.col-desc,.col-title{text-align:left!important}.text-right,.col-amount,.col-price,.col-qty,.col-currency,.col-total,.col-debit,.col-credit{text-align:right!important;font-variant-numeric:tabular-nums}.text-center,.col-status,.col-badge,.col-actions,.col-code{text-align:center!important}.btn-action-sm{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:36px;padding:6px 10px;border-radius:7px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}@media(max-width:359px){.page-content-container,.page-shell,.pos-page-wrapper{padding:8px;gap:8px}.dash-kpi-row{grid-template-columns:1fr}.products-grid,.pos-product-grid{grid-template-columns:1fr!important;gap:8px!important}.mainbar-badge,.mainbar-user-card{display:none}}.theme-switcher-container{display:inline-flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}.theme-switcher-container.compact{border-radius:8px;padding:2px}.btn-theme-option{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;color:var(--text-muted);padding:6px 10px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.compact .btn-theme-option{padding:4px 8px;font-size:.74rem;border-radius:6px}.btn-theme-option:hover{background:var(--surface);color:var(--text)}.btn-theme-option.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.btn-theme-option.active .theme-icon{color:var(--primary)}.theme-label{line-height:1}.sidebar-theme-wrap{padding:10px 0 12px;border-bottom:1px solid var(--border);margin-bottom:10px;display:flex;align-items:center;justify-content:center}.nav-group-btn{width:100%;text-align:left;background:none;border:1px solid transparent;font-family:inherit;font-size:.85rem;cursor:pointer;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;padding:8px 10px;border-radius:8px;color:var(--text);font-weight:600;transition:all .15s ease;box-sizing:border-box}.nav-group-btn:hover{background:var(--surface-2)}.nav-group-btn.active{background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);font-weight:700}.nav-group-btn.floating-open{background:var(--surface-2);color:var(--primary);box-shadow:0 0 0 1px var(--primary-soft)}.nav-group-btn .nav-chevron{margin-left:auto;transition:transform .2s cubic-bezier(.4,0,.2,1);flex-shrink:0;color:var(--text-muted)}.nav-group-btn .nav-chevron.open{transform:translate(3px);color:var(--primary)}.sidebar-floating-panel{position:fixed;z-index:var(--z-dropdown, 200);width:260px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:10px;box-shadow:0 16px 40px -6px #0000006b,0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:floatingPanelSlideIn .16s cubic-bezier(.16,1,.3,1);pointer-events:auto}@keyframes floatingPanelSlideIn{0%{opacity:0;transform:translate(-8px) scale(.98)}to{opacity:1;transform:translate(0) scale(1)}}.floating-panel-header{display:flex;align-items:center;gap:10px;padding:4px 6px 6px}.floating-panel-icon-wrap{width:32px;height:32px;border-radius:8px;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--border)}.floating-panel-header-info{display:flex;flex-direction:column;gap:1px;overflow:hidden}.floating-panel-title{font-size:.88rem;font-weight:800;color:var(--text);line-height:1.2}.floating-panel-badge{font-size:.7rem;font-weight:700;color:var(--text-muted)}.floating-panel-divider{height:1px;background:var(--border);margin:6px 0 8px}.floating-panel-list{list-style:none;display:flex;flex-direction:column;gap:3px;margin:0;padding:0}.floating-panel-item{width:100%}.floating-panel-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;text-decoration:none;color:var(--text);font-size:.84rem;font-weight:600;transition:all .15s ease;cursor:pointer}.floating-panel-link:hover:not(.disabled){background:var(--surface-2);color:var(--primary);transform:translate(2px)}.floating-panel-link.active{background:var(--primary-soft);color:var(--primary);font-weight:700;border:1px solid var(--border)}.floating-panel-link.disabled{color:var(--text-muted);opacity:.55;cursor:not-allowed}.floating-panel-item-icon{flex-shrink:0}.floating-panel-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-active-dot{width:6px;height:6px;border-radius:9999px;background:var(--primary);margin-left:auto;box-shadow:0 0 8px var(--primary);flex-shrink:0}.settings-grid-layout{display:flex;flex-direction:column;gap:20px}.settings-section-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:var(--shadow-sm)}.settings-section-header{display:flex;align-items:flex-start;gap:14px}.settings-icon-badge{width:40px;height:40px;background:var(--primary-soft);border:1px solid var(--border);color:var(--primary);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-title{font-size:1.05rem;font-weight:800;color:var(--text);margin-bottom:2px}.section-desc{font-size:.875rem;color:var(--text-muted);line-height:1.45}.theme-selection-box{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.settings-label{font-size:.8rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.settings-help-text{font-size:.8rem;color:var(--text-muted);line-height:1.45;margin-top:2px}.os-form-card,.os-history-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-sm)}.os-form-header,.os-history-title-wrap{display:flex;align-items:center;gap:10px}.os-history-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.os-form-icon{color:var(--primary)}.os-form-title{font-size:1.1rem;font-weight:800;color:var(--text)}.os-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;font-size:.875rem;font-weight:600}.os-alert.success{background:#2187391a;border:1px solid rgba(33,135,57,.3);color:var(--success)}.os-alert.error{background:#b4231814;border:1px solid rgba(180,35,24,.25);color:var(--danger)}.os-loading-state{display:flex;align-items:center;justify-content:center;gap:12px;padding:32px 16px;color:var(--text-muted);font-size:.9rem}.os-form{display:flex;flex-direction:column;gap:18px}.os-field-group{display:flex;flex-direction:column;gap:6px}.os-label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text)}.os-optional{font-weight:400;color:var(--text-muted);font-size:.78rem}.os-select,.os-input,.os-textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:11px 14px;color:var(--text);font-size:.925rem;font-family:inherit;outline:none;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.os-select:focus,.os-input:focus,.os-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--surface)}.os-textarea{resize:vertical;min-height:80px}.os-field-hint{font-size:.775rem;color:var(--text-muted);line-height:1.4}.os-field-hint code{background:var(--surface-2);padding:1px 4px;border-radius:4px;font-family:monospace;color:var(--primary)}.os-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.os-row-2col{grid-template-columns:1fr}}.os-form-footer{display:flex;justify-content:flex-end;padding-top:6px;border-top:1px solid var(--border)}.btn-os-submit{display:inline-flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-size:.925rem;font-weight:800;cursor:pointer;box-shadow:0 4px 14px #d2462d40;transition:all .2s ease}.btn-os-submit:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #d2462d59}.btn-os-submit:disabled{background:var(--border);color:var(--text-muted);box-shadow:none;cursor:not-allowed}.btn-os-refresh{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);padding:7px 14px;border-radius:8px;font-size:.825rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-os-refresh:hover:not(:disabled){background:var(--surface);color:var(--text)}.os-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;text-align:center;color:var(--text-muted);font-size:.9rem}.os-empty-icon{opacity:.4}.os-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}.os-table{width:100%;border-collapse:collapse;font-size:.875rem}.os-table th{background:var(--surface-2);color:var(--text-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:12px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.os-table th.text-right,.os-table td.text-right{text-align:right}.os-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text)}.os-table tbody tr:last-child td{border-bottom:none}.os-table tbody tr:hover{background:var(--surface-2)}.os-td-date{display:flex;align-items:center;gap:6px;white-space:nowrap;color:var(--text-muted);font-size:.8rem}.os-td-product{display:flex;flex-direction:column;gap:2px}.os-product-name{font-weight:700;color:var(--text)}.os-product-sku{font-size:.75rem;color:var(--text-muted);font-family:monospace}.os-td-qty{font-weight:800;color:var(--success);font-size:.9rem}.os-td-cost{font-weight:700;color:var(--text)}.os-td-notes{font-size:.825rem;color:var(--text-muted);max-width:200px}.header-actions{display:flex;align-items:center;gap:12px}.badge-item{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.badge-finished{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.25)}.badge-raw{background:#854d0e1a;color:#92400e;border:1px solid rgba(133,77,14,.2)}[data-theme=dark] .badge-raw{color:#fbbf24;background:#fbbf241f;border-color:#fbbf2433}.badge-packaging{background:#6d28d91a;color:#7c3aed;border:1px solid rgba(109,40,217,.2)}.mi-filters-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-bottom:4px}.mi-type-tabs{display:flex;align-items:center;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}.mi-tab-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--text-muted);padding:6px 12px;border-radius:8px;font-size:.825rem;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.mi-tab-btn:hover{background:var(--surface);color:var(--text)}.mi-tab-btn.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm);font-weight:800}.mi-tab-count{background:var(--border);color:var(--text-muted);font-size:.7rem;font-weight:700;padding:1px 6px;border-radius:10px;min-width:20px;text-align:center}.mi-tab-btn.active .mi-tab-count{background:var(--primary-soft);color:var(--primary)}.mi-search-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:180px;max-width:320px}.mi-search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.mi-search-input{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 36px;color:var(--text);font-size:.875rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.mi-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--surface)}.mi-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.mi-search-clear:hover{color:var(--text)}.mi-table .mi-td-sku{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.mi-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:700}.mi-status-badge.active{background:#2187391a;color:var(--success);border:1px solid rgba(33,135,57,.25)}.mi-status-badge.inactive{background:#b4231814;color:var(--danger);border:1px solid rgba(180,35,24,.2)}.mi-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:flex-start;justify-content:center;z-index:var(--z-modal-primary, 1000);padding:24px 16px;overflow-y:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mi-modal-panel{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:620px;box-shadow:0 24px 60px #0000004d;display:flex;flex-direction:column;gap:20px;padding:28px;animation:modalSlideIn .25s ease;margin:auto}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mi-modal-header{display:flex;align-items:center;justify-content:space-between}.mi-modal-title-row{display:flex;align-items:center;gap:10px}.mi-modal-icon{color:var(--primary)}.mi-modal-title{font-size:1.15rem;font-weight:800;color:var(--text)}.mi-modal-close{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.mi-modal-close:hover{background:var(--surface);color:var(--text)}.mi-form{display:flex;flex-direction:column;gap:16px}.mi-field-group{display:flex;flex-direction:column;gap:6px}.mi-required{color:var(--danger);font-weight:800}.mi-type-selector{display:flex;gap:6px;flex-wrap:wrap}.mi-type-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:10px;border:2px solid var(--border);background:var(--surface-2);color:var(--text-muted);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;flex:1;justify-content:center;min-width:110px}.mi-type-btn:hover{border-color:var(--primary-light);color:var(--primary);background:var(--primary-soft)}.mi-type-btn.active{border-color:var(--primary);color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 3px var(--primary-soft)}.mi-disabled-field{background:var(--surface-2);border:1px dashed var(--border);border-radius:10px;padding:11px 14px;color:var(--text-muted);font-size:.85rem;font-style:italic}.mi-toggles-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px 16px}.mi-toggle-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:var(--text);cursor:pointer}.mi-checkbox{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.mi-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid var(--border)}.btn-mi-cancel{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);padding:10px 20px;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .18s}.btn-mi-cancel:hover{background:var(--surface);color:var(--text)}.outlet-action-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.btn-outlet-action{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:7px;font-size:.775rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .18s ease;white-space:nowrap}.btn-outlet-action.edit{background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}.btn-outlet-action.edit:hover{background:var(--surface);color:var(--text);border-color:var(--primary)}.btn-outlet-action.deactivate{background:#b4231812;border-color:#b4231833;color:var(--danger)}.btn-outlet-action.deactivate:hover{background:#b4231826}.btn-outlet-action.activate{background:#21873914;border-color:#21873940;color:var(--success)}.btn-outlet-action.activate:hover{background:#21873926}.outlet-user-count{display:inline-flex;align-items:center;background:var(--primary-soft);color:var(--primary);border:1px solid rgba(210,70,45,.2);border-radius:20px;font-size:.75rem;font-weight:700;padding:2px 9px}.outlet-assignment-box{background:var(--surface-2);border:1.5px solid var(--border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px}.outlet-box-header{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-muted)}.outlet-counter strong{color:var(--primary);font-size:.875rem}.outlet-box-actions{display:flex;align-items:center;gap:6px}.btn-text-action{background:none;border:none;color:var(--primary);font-size:.78rem;font-weight:700;cursor:pointer;padding:2px 4px;border-radius:4px;transition:background .15s}.btn-text-action:hover{background:var(--primary-soft)}.outlet-search-mini{position:relative;display:flex;align-items:center}.search-mini-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.search-mini-input{width:100%;padding:7px 28px 7px 30px;font-size:.8rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);outline:none;font-family:inherit}.search-mini-input:focus{border-color:var(--primary)}.btn-clear-mini{position:absolute;right:8px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px}.outlet-cards-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto;padding-right:2px}.outlet-card-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .18s ease}.outlet-card-item:hover{border-color:var(--primary-light);background:var(--surface);transform:translateY(-1px)}.outlet-card-item.selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 2px 8px #d2462d1a}.outlet-card-checkbox{margin-top:1px;display:flex;align-items:center;justify-content:center}.icon-checked{color:var(--primary)}.icon-unchecked{color:var(--text-muted)}.outlet-card-content{flex:1;display:flex;flex-direction:column;gap:2px}.outlet-card-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.outlet-card-name{font-size:.875rem;font-weight:700;color:var(--text)}.outlet-card-item.selected .outlet-card-name{color:var(--primary)}.outlet-card-code{font-size:.75rem;font-weight:700;color:var(--text-muted);background:var(--surface-2);padding:1px 6px;border-radius:4px;border:1px solid var(--border)}.outlet-card-address{font-size:.775rem;color:var(--text-muted);line-height:1.3}.outlet-box-loading,.outlet-box-empty,.outlet-box-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:8px;font-size:.85rem;color:var(--text-muted);text-align:center}.outlet-box-error{color:var(--danger)}.btn-retry-mini{background:var(--surface);border:1px solid var(--danger);color:var(--danger);padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer}.promo-page-container{max-width:1200px;margin:0 auto;padding:24px}.promo-header-main{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.promo-header-content{display:flex;gap:16px}.promo-header-icon{background:var(--primary-soft);color:var(--primary);width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-title{font-size:2rem;font-weight:800;color:var(--text-main);margin:0 0 4px;letter-spacing:-.5px}.promo-subtitle{color:var(--text-muted);font-size:1rem;margin:0}.promo-btn-primary{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:0 20px;height:44px;font-weight:600;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #d2462d33}.promo-btn-primary:hover{background:#b93d27;transform:translateY(-1px);box-shadow:0 6px 16px #d2462d4d}.promo-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.promo-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 8px #00000005}.promo-summary-card.primary{border-color:var(--primary-soft)}.promo-summary-icon-wrap{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center}.promo-summary-card.primary .promo-summary-icon-wrap{background:var(--primary-soft);color:var(--primary)}.promo-summary-card:not(.primary) .promo-summary-icon-wrap{background:var(--surface-2);color:var(--text-muted)}.promo-summary-number{font-size:1.75rem;font-weight:800;color:var(--text-main);line-height:1}.promo-summary-label{font-size:.85rem;font-weight:600;color:var(--text-muted);line-height:1.2}.promo-summary-desc{font-size:.75rem;color:var(--text-muted);opacity:.8}.promo-toolbar{display:flex;gap:12px;margin-bottom:16px;background:var(--surface);padding:16px;border-radius:16px;border:1px solid var(--border);box-shadow:0 2px 8px #00000005}.promo-search-box{position:relative;flex:1}.promo-search-box .icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.promo-search-input{width:100%;height:44px;border:1px solid var(--border);border-radius:12px;padding:0 16px 0 42px;background:var(--bg-main);color:var(--text-main);font-size:.95rem;transition:all .2s}.promo-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.promo-filter-select{height:44px;border:1px solid var(--border);border-radius:12px;padding:0 36px 0 16px;background:var(--bg-main);color:var(--text-main);font-size:.9rem;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 12px center;background-size:10px auto;min-width:160px}.promo-btn-refresh{width:44px;height:44px;border-radius:12px;background:var(--bg-main);border:1px solid var(--border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.promo-btn-refresh:hover{background:var(--surface-2)}.promo-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.promo-empty-icon-wrap{width:80px;height:80px;border-radius:50%;background:var(--primary-soft);color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}.promo-empty-icon-wrap .sub-icon{position:absolute;bottom:-4px;right:-4px;background:var(--surface);color:var(--primary);border-radius:50%;padding:4px;box-shadow:0 2px 8px #0000001a}.promo-empty-title{font-size:1.25rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.promo-empty-desc{color:var(--text-muted);max-width:400px;margin:0 auto 24px;line-height:1.5}.promo-tips-banner{background:#d2462d0d;border:1px solid var(--primary-soft);border-radius:12px;padding:16px;display:flex;align-items:flex-start;gap:12px;margin-top:24px}.promo-tips-banner .icon{color:var(--primary);flex-shrink:0;margin-top:2px}.promo-tips-banner p{margin:0;color:var(--text-main);font-size:.9rem;line-height:1.5}@media(max-width:1024px){.promo-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.promo-summary-grid{grid-template-columns:repeat(2,1fr)}.promo-header-main{flex-direction:column;gap:16px}.promo-btn-primary{width:100%;justify-content:center}.promo-toolbar{flex-wrap:wrap}.promo-search-box{min-width:100%}.promo-filter-select{flex:1}}@media(max-width:480px){.promo-summary-grid{grid-template-columns:1fr}.promo-filter-select{min-width:100%}}.promo-mobile-category-wrap{display:none;width:100%;margin-bottom:16px;box-sizing:border-box}.promo-mobile-category-label{display:block;font-size:.78rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.promo-mobile-select-box{position:relative;width:100%}.promo-mobile-category-select{width:100%;height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.92rem;font-weight:700;box-shadow:0 2px 6px #0000000a;outline:none;box-sizing:border-box;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.promo-mobile-category-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #d2462d26}.promo-mobile-compact-insight{display:none;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;margin-bottom:16px;box-shadow:0 2px 8px #00000008;box-sizing:border-box}.promo-compact-insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;border-bottom:1px dashed var(--border)}.promo-compact-insight-title{font-size:.76rem;font-weight:800;letter-spacing:.6px;color:var(--text-muted);text-transform:uppercase}.promo-compact-insight-badge{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:6px;background:#22c55e1f;color:#16a34a}.promo-compact-insight-body{display:flex;flex-direction:column;gap:5px}.promo-compact-insight-metrics{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.82rem;color:var(--text-main);line-height:1.4}.promo-compact-insight-metrics span strong{font-weight:800;color:var(--primary)}.promo-compact-dot{color:var(--text-muted);opacity:.6;font-size:.75rem}.promo-compact-insight-subline{font-size:.76rem;color:var(--text-muted);font-weight:600}.promo-compact-insight-subline strong{color:var(--text-main);font-weight:700}.promo-card{box-sizing:border-box;width:100%;max-width:100%}.promo-card-actions{display:flex;align-items:center;gap:8px;box-sizing:border-box;width:100%}@media(min-width:641px){.page-header.promo-page-header{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:16px!important;width:100%!important}.header-actions.promo-header-actions{display:inline-flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;gap:8px!important;flex-shrink:0!important}.promo-header-actions .export-button-group{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin:0!important;padding:0!important;flex-shrink:0!important}.promo-header-actions .export-dropdown-wrapper{display:inline-flex!important;align-items:center!important;position:relative!important;flex-shrink:0!important}.promo-header-actions .export-btn-action,.promo-header-actions .print-btn-action,.promo-header-actions .promo-add-primary-btn{display:inline-flex!important;align-items:center!important;gap:6px!important;white-space:nowrap!important;flex-shrink:0!important}}.promo-form-modal-panel{max-width:560px!important;width:100%!important;border-radius:16px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.promo-form-modal-panel .erp-modal-header{padding:14px 18px!important;background:var(--surface-2)!important;border-bottom:1px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}.promo-form-modal-panel .erp-modal-title{font-size:.98rem!important;font-weight:800!important;color:var(--text-main)!important;margin:0!important}.promo-form-modal-panel .erp-modal-subtitle{font-size:.76rem!important;color:var(--text-muted)!important;margin:2px 0 0!important}.promo-form-modal-body{padding:16px 18px!important;overflow-y:auto!important;flex:1 1 auto!important;min-height:0!important}.promo-form-modal-footer{padding:12px 18px!important;border-top:1px solid var(--border)!important;background:var(--surface-2)!important;flex-shrink:0!important}.promo-modal-footer-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;width:100%!important}.promo-form-container{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.promo-form-group{display:flex;flex-direction:column;gap:4px;width:100%;box-sizing:border-box}.promo-form-group .form-label{font-size:.78rem;font-weight:700;color:var(--text-main);margin-bottom:2px}.promo-form-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;box-sizing:border-box}.promo-scope-card{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.promo-scope-card.active{border-color:var(--primary);background:#d2462d0f}.promo-scope-card input[type=radio]{accent-color:var(--primary);width:15px;height:15px;margin:0;flex-shrink:0}.promo-scope-card-content{display:flex;flex-direction:column;min-width:0}.promo-scope-title{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;color:var(--text-main)}.promo-scope-desc{font-size:.68rem;color:var(--text-muted)}.promo-form-row-2col,.promo-form-dates-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;box-sizing:border-box}@media(max-width:640px){.page-header.promo-page-header{width:100%!important;max-width:100%!important;gap:12px!important;box-sizing:border-box!important}.header-actions.promo-header-actions{width:100%!important;max-width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;box-sizing:border-box!important}.promo-header-actions .export-button-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;flex:2 1 0!important;gap:6px!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}.promo-header-actions .export-dropdown-wrapper{flex:1 1 0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important;position:relative!important}.promo-header-actions .export-btn-action{width:100%!important;min-width:0!important;height:38px!important;padding:0 6px!important;font-size:.78rem!important;gap:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-sizing:border-box!important}.promo-header-actions .export-btn-action .export-btn-label{display:inline!important;font-size:.78rem!important}.promo-header-actions .export-dropdown-menu{left:0!important;right:auto!important}.promo-header-actions .print-btn-action{flex:1 1 0!important;min-width:0!important;height:38px!important;padding:0 6px!important;font-size:.78rem!important;gap:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-sizing:border-box!important}.promo-header-actions .print-btn-action .print-btn-label{display:inline!important;font-size:.78rem!important}.promo-header-actions .promo-add-primary-btn{flex:1.35 1 0!important;min-width:0!important;height:38px!important;padding:0 6px!important;font-size:.78rem!important;gap:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;box-sizing:border-box!important}.promo-desktop-tabs,.promo-desktop-insight-grid{display:none!important}.promo-mobile-category-wrap,.promo-mobile-compact-insight{display:block!important}.promo-card{padding:12px!important;gap:10px!important;border-radius:14px!important}.promo-card-actions{display:flex!important;justify-content:stretch!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.promo-card-actions button{flex:1 1 0!important;min-width:0!important;height:38px!important;justify-content:center!important;text-align:center!important;padding:0 4px!important;font-size:.76rem!important;white-space:nowrap!important;box-sizing:border-box!important}.promo-filter-bar{padding:10px 12px!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.promo-filter-row-1,.promo-filter-row-2,.promo-filter-row-3{width:100%!important;box-sizing:border-box!important}.promo-form-modal-panel{width:calc(100vw - 20px)!important;max-width:440px!important;max-height:calc(100dvh - 24px)!important;margin:auto!important;border-radius:14px!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}.promo-form-modal-panel .erp-modal-header{padding:10px 14px!important;min-height:48px!important}.promo-form-modal-panel .erp-modal-title{font-size:.92rem!important;font-weight:800!important}.promo-form-modal-panel .erp-modal-subtitle{font-size:.72rem!important;margin-top:1px!important;line-height:1.2!important}.promo-form-modal-panel .erp-modal-icon{width:24px!important;height:24px!important}.promo-form-modal-body{padding:10px 12px 18px!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}.promo-form-container{gap:9px!important}.promo-form-group{gap:3px!important}.promo-form-group .form-label{font-size:.74rem!important;margin-bottom:2px!important}.promo-form-container .form-control,.promo-form-container .form-select{height:38px!important;padding:0 10px!important;font-size:.8rem!important;box-sizing:border-box!important;width:100%!important}.promo-form-dates-row,.promo-form-row-2col{grid-template-columns:1fr!important;gap:9px!important}.promo-form-scope-grid{grid-template-columns:1fr 1fr!important;gap:6px!important}.promo-scope-card{padding:6px 8px!important;gap:6px!important}.promo-scope-title{font-size:.75rem!important}.promo-scope-desc{font-size:.65rem!important;display:none!important}.promo-form-modal-footer{padding:10px 12px!important;flex-shrink:0!important}.promo-modal-footer-actions{display:flex!important;gap:8px!important}.promo-modal-footer-actions button{flex:1 1 0!important;height:38px!important;justify-content:center!important;text-align:center!important;font-size:.8rem!important;padding:0 8px!important;box-sizing:border-box!important}}.customer-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:var(--z-modal-primary, 1000);animation:fadeIn .2s ease}.customer-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:100%;max-width:500px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;animation:scaleUp .2s cubic-bezier(.16,1,.3,1);max-height:90vh;overflow:hidden}.customer-modal-header{padding:24px 28px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface-2)}.customer-modal-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;color:var(--text)}.customer-modal-icon{color:var(--primary)}.customer-modal-close{background:transparent;border:1px solid transparent;color:var(--text-muted);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.customer-modal-close:hover{background:var(--border);color:var(--text)}.customer-modal-body{padding:28px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.customer-form-grid{display:grid;grid-template-columns:1fr;gap:18px 20px}.customer-form-full{grid-column:1 / -1}.customer-form-group{display:flex;flex-direction:column;gap:6px}.customer-form-label{font-size:.875rem;font-weight:600;color:var(--text)}.customer-form-label .required{color:var(--primary);margin-left:2px}.customer-form-input{width:100%;height:48px;border-radius:12px;padding:12px 14px;font-size:1rem;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:all .2s ease}.customer-form-input::placeholder{color:var(--text-muted);opacity:.7}.customer-form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #d2462d26}textarea.customer-form-input{height:auto;min-height:90px;resize:vertical}.customer-modal-footer{padding:20px 28px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:14px;background:var(--surface-2)}.customer-btn-cancel{background:transparent;border:1px solid var(--border);color:var(--text);padding:0 24px;height:48px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.customer-btn-cancel:hover{background:var(--border)}.customer-btn-save{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:0 24px;height:48px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease}.customer-btn-save:hover:not(:disabled){filter:brightness(.9);transform:translateY(-1px)}.customer-btn-save:disabled{opacity:.7;cursor:not-allowed}@media(max-width:640px){.customer-form-grid{grid-template-columns:1fr}}.transactions-page-container{padding:24px;max-width:1400px;margin:0 auto;min-height:100vh}.page-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-main-title{font-size:1.5rem;font-weight:800;color:var(--text-main);letter-spacing:-.5px;margin:0 0 4px}.page-subtitle{color:var(--text-muted);font-size:.88rem;margin:0}.btn-refresh-tx{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-refresh-tx:hover{background:var(--surface-2);border-color:var(--primary)}.filter-segmented-wrapper{display:inline-flex;background:var(--surface-2);padding:4px;border-radius:10px;border:1px solid var(--border);margin-bottom:16px;gap:4px;flex-wrap:wrap}.filter-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:8px;border:none;background:transparent;color:var(--text-muted);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease}.filter-pill-btn:hover{color:var(--text-main);background:#00000008}.filter-pill-btn.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #d2462d40}.filter-controls-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}.search-input-wrap{position:relative;flex:1;min-width:260px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-search-field{width:100%;padding:8px 32px 8px 36px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:.85rem;color:var(--text-main);outline:none;transition:border-color .2s ease}.filter-search-field:focus{border-color:var(--primary);background:var(--surface)}.btn-clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px}.filter-select{padding:8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:.82rem;color:var(--text-main);font-weight:600;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--primary)}.btn-reset-filters{background:transparent;border:1px dashed var(--border);color:var(--text-muted);font-size:.78rem;font-weight:600;padding:7px 12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-reset-filters:hover{border-color:var(--error);color:var(--error)}.customer-filter-banner{background:#d2462d14;border:1px solid rgba(210,70,45,.2);padding:8px 14px;border-radius:8px;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:600;color:var(--primary);margin-bottom:14px}.btn-remove-cust-filter{background:none;border:none;color:var(--primary);font-size:.78rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.table-responsive-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.transactions-compact-table{width:100%;border-collapse:collapse;text-align:left;font-size:.85rem}.transactions-compact-table thead th{background:var(--surface-2);padding:10px 14px;font-size:.76rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.transactions-compact-table tbody td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.transactions-compact-table tbody tr:hover{background:var(--surface-2)}.transactions-compact-table tbody tr.row-voided{opacity:.65;background:#00000005}.invoice-cell{display:flex;align-items:center;gap:6px}.invoice-code{font-size:.82rem;font-weight:800;color:var(--text-main);letter-spacing:-.2px}.customer-cell-inline{display:flex;flex-direction:column}.customer-name-text{font-weight:700;color:var(--text-main)}.customer-phone-sub{font-size:.74rem;color:var(--text-muted)}.outlet-cell-text{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted)}.amount-cell-bold{font-weight:800;color:var(--text-main);font-size:.9rem}.badge-type{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:6px;font-size:.72rem;font-weight:700}.badge-dine-in{background:#3498db1f;color:#2980b9}.badge-take-away{background:#e67e221f;color:#d35400}.badge-pre-order{background:#9b59b61f;color:#8e44ad}.badge-status{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:800;letter-spacing:.2px}.badge-status.badge-success{background:#2ecc7124;color:#27ae60}.badge-status.badge-warning{background:#f1c40f26;color:#d68910}.badge-status.badge-info{background:#3498db24;color:#2980b9}.badge-status.badge-purple{background:#9b59b624;color:#8e44ad}.badge-status.badge-muted{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.action-buttons-group{display:flex;align-items:center;justify-content:center;gap:6px}.btn-action-detail{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-size:.76rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-action-detail:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.btn-action-void{padding:4px 6px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center}.btn-action-void:hover{color:var(--error);border-color:var(--error);background:#e74c3c14}.table-state-box{padding:48px 24px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--z-drawer, 500);display:flex;justify-content:flex-end;animation:fadeIn .2s ease}.drawer-container{width:480px;max-width:100%;height:100vh;background:var(--surface);border-left:1px solid var(--border);box-shadow:-6px 0 24px #0000001f;display:flex;flex-direction:column;animation:slideInRight .25s cubic-bezier(.16,1,.3,1);overflow:hidden;box-sizing:border-box}.drawer-backdrop.tx-detail-backdrop{display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172aa6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal, 1000);overflow:hidden;box-sizing:border-box}.drawer-container.tx-detail-drawer{width:540px;max-width:100%;max-height:calc(100vh - 48px);height:auto;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 45px -10px #00000047,0 0 0 1px #ffffff0d;display:flex;flex-direction:column;animation:modalScaleIn .22s cubic-bezier(.16,1,.3,1);overflow:hidden;box-sizing:border-box}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header,.drawer-header.tx-detail-header{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:sticky;top:0;z-index:5}.tx-detail-header-icon{width:36px;height:36px;border-radius:10px;background:#d2462d1a;color:var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.drawer-header-left{display:flex;align-items:center;gap:10px;min-width:0}.drawer-pre-title,.tx-detail-pre-title{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.drawer-invoice-badge{font-size:1rem;font-weight:800;color:var(--text-main);letter-spacing:-.3px}.btn-drawer-close{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-drawer-close:hover{color:var(--text-main);border-color:var(--primary);background:var(--surface-3, var(--border))}.drawer-body,.drawer-body.tx-detail-body{padding:16px 18px;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;gap:16px;background:var(--surface);box-sizing:border-box}.void-audit-box{background:#e74c3c14;border:1px solid rgba(231,76,60,.3);border-radius:10px;padding:12px 14px}.void-audit-header{display:flex;align-items:center;gap:6px;color:var(--error);font-size:.85rem;margin-bottom:6px}.void-audit-details{font-size:.78rem;color:var(--text-main);display:flex;flex-direction:column;gap:3px}.detail-meta-card,.detail-meta-card.tx-detail-meta-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.meta-grid,.meta-grid.tx-meta-grid-compact{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}.meta-item{display:flex;flex-direction:column;gap:2px}.meta-item.full{grid-column:1 / -1}.meta-label{font-size:.72rem;color:var(--text-muted);font-weight:600}.meta-val{font-size:.84rem;font-weight:700;color:var(--text-main);margin-top:1px}.detail-section{display:flex;flex-direction:column;gap:8px}.detail-section-title{margin:0;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.customer-info-box,.customer-info-box.tx-detail-customer-box{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:12px}.customer-avatar-icon{width:36px;height:36px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.tx-detail-customer-name{font-weight:700;font-size:.88rem;color:var(--text-main)}.tx-detail-customer-phone{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.badge-cust-type{padding:2px 7px;border-radius:6px;font-size:.7rem;font-weight:800;text-transform:uppercase}.badge-cust-type.member{background:#d2462d1f;color:var(--primary)}.badge-cust-type.regular{background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.preorder-info-card,.preorder-info-card.tx-detail-po-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:12px}.po-grid-compact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.edit-po-schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box}.po-grid-item{display:flex;flex-direction:column;gap:4px}.po-label{font-size:.72rem;font-weight:600;color:var(--text-muted)}.po-val{font-size:.84rem;font-weight:700;color:var(--text-main)}.po-ojol-delivery-details{display:flex;flex-direction:column;gap:10px}.po-address-box,.po-notes-box{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;display:flex;flex-direction:column;gap:4px}.po-address-text,.po-notes-text{font-size:.82rem;color:var(--text-main);width:100%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;line-height:1.4}.po-maps-box{display:flex;flex-direction:column;gap:4px}.po-maps-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--primary);font-size:.82rem;font-weight:700;text-decoration:none;transition:all .15s ease;width:100%;box-sizing:border-box}.po-maps-link:hover{background:var(--surface-2);border-color:var(--primary)}.po-shipping-breakdown-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:10px}.po-shipping-estimate-ref{display:flex;justify-content:space-between;align-items:center;padding-bottom:6px;border-bottom:1px dashed var(--border);font-size:.78rem}.po-estimate-ref-label{color:var(--text-muted)}.po-estimate-ref-val{color:var(--text-main);font-weight:700}.po-shipping-block{display:flex;flex-direction:column;gap:4px}.po-shipping-sublabel-row{display:flex;justify-content:space-between;align-items:center}.po-shipping-sublabel{font-size:.74rem;font-weight:700;color:var(--text-muted)}.po-shipping-badge-charged{font-size:.68rem;font-weight:700;background:#2563eb1a;color:#2563eb;padding:1px 6px;border-radius:4px}.po-shipping-badge-manual{font-size:.68rem;font-weight:700;background:#d977061a;color:#d97706;padding:1px 6px;border-radius:4px}.po-shipping-customer-val{font-family:var(--font-mono, monospace);font-size:.95rem;font-weight:800;color:var(--text-main)}.po-shipping-input-group{display:flex;align-items:center;gap:8px}.po-shipping-input-wrap{position:relative;flex:1}.po-shipping-input-prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:700;color:var(--text-muted)}.po-shipping-input-field{width:100%;height:38px;padding:0 10px 0 32px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);font-family:var(--font-mono, monospace);font-size:.88rem;font-weight:700;box-sizing:border-box}.btn-save-actual-cost{min-height:38px;height:38px;padding:0 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-main);font-size:.8rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.btn-save-actual-cost.saved{background:#16a34a1a;color:#16a34a;border-color:#16a34a4d}.po-shipping-margin-badge{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono, monospace);font-size:.88rem;font-weight:800;padding:4px 8px;border-radius:6px}.po-shipping-margin-badge.positive{background:#16a34a1f;color:#16a34a}.po-shipping-margin-badge.negative{background:#dc26261f;color:#dc2626}.po-shipping-margin-badge.neutral{background:var(--surface-2);color:var(--text-muted)}.btn-tx-driver-message{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;height:44px;padding:0 16px;background:var(--surface);border:1.5px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.84rem;font-weight:700;cursor:pointer;width:100%;box-sizing:border-box;transition:all .15s ease}.btn-tx-driver-message.copied{background:#16a34a1a;border-color:#16a34a;color:#16a34a}.po-owner-btn-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.btn-po-schedule,.btn-po-wa,.btn-po-edit{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:44px;height:44px;padding:4px 6px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.7rem;font-weight:700;cursor:pointer;text-align:center;overflow:hidden;min-width:0;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box;transition:all .15s ease}.btn-po-schedule:hover,.btn-po-wa:hover,.btn-po-edit:hover{background:var(--surface-2);border-color:var(--primary)}@media(max-width:480px){.po-owner-btn-group{grid-template-columns:repeat(3,minmax(0,1fr))}}.items-list-wrapper{display:flex;flex-direction:column;gap:6px}.tx-detail-items-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;overflow:hidden;max-height:280px;overflow-y:auto;box-sizing:border-box}.tx-detail-item-row{padding:10px 14px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.tx-detail-item-row:last-child{border-bottom:none}.tx-item-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.tx-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.tx-item-name-line{font-size:.84rem;font-weight:700;color:var(--text-main);line-height:1.3}.tx-item-product-name{color:var(--text-main)}.tx-item-variant-snapshot{color:var(--text-muted);font-weight:600}.tx-item-calc{font-size:.74rem;color:var(--text-muted);font-family:var(--font-mono, monospace)}.tx-item-subtotal-val{font-size:.86rem;font-weight:800;color:var(--text-main);font-family:var(--font-mono, monospace);text-align:right;white-space:nowrap}.tx-item-modifiers-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tx-item-mod-chip{font-size:.68rem;background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:1px 6px;color:var(--text-muted)}.tx-item-notes-text{font-size:.74rem;color:var(--primary);font-style:italic;margin-top:2px}.tx-item-hpp-line{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:6px;margin-top:2px;padding-top:4px;border-top:1px dashed var(--border)}.tx-hpp-bullet{opacity:.5}.tx-hpp-profit-text{color:#16a34a;font-weight:700}.btn-status-flow{display:flex;align-items:center;justify-content:space-between;width:100%;height:44px;min-height:44px;padding:0 14px;border-radius:8px;border:none;font-size:.84rem;font-weight:700;cursor:pointer;box-sizing:border-box;transition:all .15s ease}.btn-status-flow.start{background:#3b82f6;color:#fff}.btn-status-flow.ready{background:#8b5cf6;color:#fff}.btn-status-flow.complete{background:#16a34a;color:#fff}.btn-status-flow:hover:not(:disabled){filter:brightness(.92)}.btn-status-flow-left{display:flex;align-items:center;gap:8px}.payment-breakdown-card,.payment-breakdown-card.tx-detail-payment-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:.82rem;color:var(--text-main);padding:2px 0}.payment-row.total-row{margin-top:6px;padding-top:8px;border-top:1px dashed var(--border);font-size:.94rem;font-weight:800}.grand-total-val,.tx-detail-total-val{color:#d2462d;font-size:1.05rem;font-weight:800;font-family:var(--font-mono, monospace)}.payment-row.meta-sub{font-size:.78rem;color:var(--text-muted);padding:3px 0}.payment-row.meta-sub strong{color:var(--text-main);font-weight:700}.drawer-footer{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:12px 18px;display:flex;align-items:center;justify-content:flex-end;gap:8px;z-index:10;box-shadow:0 -4px 12px #0000000a;flex-shrink:0;box-sizing:border-box}.drawer-footer.tx-detail-footer{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:12px 18px;display:flex;flex-direction:column;gap:8px;z-index:10;box-shadow:0 -4px 12px #0000000d;flex-shrink:0;box-sizing:border-box;width:100%}.tx-footer-secondary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}.tx-footer-secondary-row button{width:100%;min-height:38px;height:38px;font-size:.8rem;font-weight:700;justify-content:center;padding:0 8px;white-space:nowrap;box-sizing:border-box}.tx-footer-primary-row{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.tx-footer-primary-row .tx-btn-whatsapp{flex:1;min-height:44px;height:44px;font-size:.85rem;font-weight:800;justify-content:center}.tx-footer-primary-row .tx-btn-pay-verify{flex:1;min-height:44px;height:44px;font-size:.82rem;font-weight:700;justify-content:center}.tx-footer-primary-row .tx-btn-void{flex:0 0 auto;min-width:80px;min-height:44px;height:44px;font-size:.82rem;font-weight:700;justify-content:center}.btn-drawer-close-footer{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;padding:0 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.82rem;font-weight:700;cursor:pointer;box-sizing:border-box}.btn-drawer-whatsapp,.tx-btn-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:44px;padding:0 16px;background:#16a34a;border:1px solid #15803d;border-radius:8px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.btn-drawer-whatsapp:hover,.tx-btn-whatsapp:hover{background:#15803d;box-shadow:0 2px 8px #16a34a40}.btn-drawer-print,.tx-btn-print{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:44px;padding:0 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.btn-drawer-print:hover,.tx-btn-print:hover{background:var(--surface-3, var(--border));color:var(--text-main)}.btn-drawer-receipt,.tx-btn-receipt{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:44px;padding:0 14px;background:#dc262614;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#dc2626;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.btn-drawer-receipt:hover,.tx-btn-receipt:hover{background:#dc262629;border-color:#dc2626;color:#b91c1c}[data-theme=dark] .btn-drawer-receipt,[data-theme=dark] .tx-btn-receipt{background:#ef444426;border-color:#ef444466;color:#fca5a5}[data-theme=dark] .btn-drawer-receipt:hover,[data-theme=dark] .tx-btn-receipt:hover{background:#ef444440;border-color:#ef4444;color:#fff}.btn-drawer-copy,.tx-btn-copy{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:44px;padding:0 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.btn-drawer-copy:hover,.tx-btn-copy:hover{background:var(--surface-3, var(--border));color:var(--text-main)}.btn-drawer-void,.tx-btn-void,.btn-drawer-void-action,.tx-detail-footer .btn-drawer-void-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:44px;padding:0 14px;background:transparent;border:1.5px solid var(--error, #ef4444);border-radius:8px;color:var(--error, #ef4444);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.btn-drawer-void:hover,.tx-btn-void:hover,.btn-drawer-void-action:hover,.tx-detail-footer .btn-drawer-void-action:hover{background:#ef44441a}.btn-drawer-pay-verify,.tx-btn-pay-verify{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;height:42px;padding:0 14px;background:#2563eb1a;border:1.5px solid #2563eb;border-radius:8px;color:#2563eb;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-drawer-pay-verify:hover,.tx-btn-pay-verify:hover{background:#2563eb2e}@media(max-width:640px){.drawer-footer.tx-detail-footer{padding:8px 10px;gap:6px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.tx-footer-secondary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.tx-footer-secondary-row button{min-height:36px;height:36px;padding:0 4px;font-size:.72rem;font-weight:700;gap:3px;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-footer-secondary-row button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-footer-primary-row{display:flex;gap:6px;width:100%}.tx-footer-primary-row .tx-btn-whatsapp{flex:1;min-height:42px;height:42px;padding:0 8px;font-size:.8rem;font-weight:800;justify-content:center}.tx-footer-primary-row .tx-btn-pay-verify{flex:1;min-height:42px;height:42px;padding:0 8px;font-size:.76rem;font-weight:700;justify-content:center}.tx-footer-primary-row .tx-btn-void{flex:0 0 72px;min-height:42px;height:42px;padding:0 6px;font-size:.76rem;font-weight:700;justify-content:center}}.cust-detail-header{padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;position:sticky;top:0;z-index:5}.cust-detail-header-left{display:flex;flex-direction:column;min-width:0}.cust-detail-pre-title{font-size:.7rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.cust-detail-header-desktop-name-row{display:flex;align-items:center;gap:8px;margin-top:2px}.cust-detail-header-name{font-weight:800;font-size:1.05rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-detail-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cust-detail-mobile-badge{display:none}.cust-detail-body{padding:16px 18px;overflow-y:auto;overflow-x:hidden;flex:1;display:flex;flex-direction:column;gap:14px;background:var(--surface);box-sizing:border-box;-webkit-overflow-scrolling:touch}.cust-hero-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-sizing:border-box}.cust-hero-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;flex-shrink:0}.cust-hero-avatar.is-member{background:linear-gradient(135deg,var(--primary) 0%,#e67e22 100%);color:#fff;border:none}.cust-hero-avatar.is-regular{background:var(--surface);color:var(--text-main);border:1px solid var(--border)}.cust-hero-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.cust-hero-name-row{display:flex;align-items:center;gap:8px;min-width:0}.cust-hero-name{margin:0;font-weight:800;font-size:1rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.cust-hero-id-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cust-hero-code{font-size:.72rem;padding:1px 6px;font-family:var(--font-mono, monospace);font-weight:700}.cust-hero-type{font-size:.68rem;padding:1px 6px}.cust-hero-meta-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}.cust-hero-phone{font-size:.78rem;color:var(--text-muted);display:inline-flex;align-items:center;gap:4px;font-weight:600;white-space:nowrap}.cust-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;box-sizing:border-box}.cust-stat-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;min-width:0}.cust-stat-label{font-size:.72rem;color:var(--text-muted);font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.cust-stat-val{font-size:1.05rem;font-weight:800;color:var(--text-main);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;width:100%}.cust-stat-val.primary-text{color:var(--primary)}.cust-info-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;box-sizing:border-box}.cust-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.cust-meta-notes{border-top:1px dashed var(--border);padding-top:8px;margin-top:2px}.cust-tx-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.cust-tx-view-all{padding:2px 6px;font-size:.74rem;text-decoration:none;color:var(--primary);font-weight:700;transition:opacity .15s ease}.cust-tx-view-all:hover{opacity:.8;text-decoration:underline}.cust-tx-loading{text-align:center;padding:16px;color:var(--text-muted);font-size:.82rem;display:flex;align-items:center;justify-content:center;gap:6px}.cust-tx-empty{text-align:center;padding:14px;background:var(--surface-2);border-radius:10px;color:var(--text-muted);font-size:.82rem;border:1px dashed var(--border)}.cust-tx-list{display:flex;flex-direction:column;gap:8px}.cust-tx-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 12px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.cust-tx-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.cust-tx-inv{font-size:.82rem;font-weight:700;color:var(--text-main)}.cust-tx-amount{font-size:.85rem;font-weight:800;color:var(--primary);white-space:nowrap}.cust-tx-card-mid{display:flex;align-items:center;gap:6px}.cust-tx-order-type{font-size:.68rem;padding:1px 5px}.cust-tx-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.72rem}.cust-tx-meta{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cust-tx-badge-paid{font-size:.65rem;font-weight:800;padding:1px 5px;background:#27ae601f;color:#27ae60;border-radius:4px;flex-shrink:0}.cust-detail-footer{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--border);padding:12px 18px;display:flex;align-items:center;justify-content:flex-end;gap:8px;z-index:10;box-shadow:0 -4px 12px #0000000a;flex-shrink:0;box-sizing:border-box}.cust-detail-btn-dismiss{display:inline-flex;align-items:center;justify-content:center;min-height:40px;height:40px;padding:0 16px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.82rem;font-weight:700;cursor:pointer;box-sizing:border-box;transition:all .15s ease}.cust-detail-btn-dismiss:hover{background:var(--surface-3, var(--border))}.cust-detail-btn-wa{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;height:40px;padding:0 14px;background:#16a34a;border:1px solid #15803d;border-radius:8px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.cust-detail-btn-wa:hover{background:#15803d}.cust-detail-btn-edit{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;height:40px;padding:0 16px;background:var(--primary);border:1px solid var(--primary);border-radius:8px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.cust-detail-btn-edit:hover{background:var(--primary-dark, #b53825);border-color:var(--primary-dark, #b53825)}@media(max-width:640px){.drawer-container.cust-detail-drawer{width:100%!important;max-width:100%!important;height:100%!important;height:100dvh!important;border-radius:0!important;border-left:none!important;display:flex!important;flex-direction:column!important;box-shadow:none!important}.cust-detail-header{padding:12px 14px!important}.cust-detail-pre-title{font-size:.92rem!important;font-weight:800!important;color:var(--text-main)!important;text-transform:none!important;letter-spacing:normal!important}.cust-detail-header-desktop-name-row{display:none!important}.cust-detail-mobile-badge{display:inline-flex!important;align-items:center!important;font-size:.68rem!important;padding:2px 6px!important}.cust-detail-body{padding:12px 14px 24px!important;gap:12px!important}.cust-hero-card{padding:10px 12px!important;gap:10px!important}.cust-hero-avatar{width:40px!important;height:40px!important;font-size:1.05rem!important}.cust-hero-name{font-size:.95rem!important}.cust-stats-grid{gap:6px!important}.cust-stat-card{padding:8px 4px!important}.cust-stat-label{font-size:.68rem!important}.cust-stat-val{font-size:.92rem!important}.cust-info-card{padding:10px 12px!important}.cust-meta-grid{gap:8px 10px!important}.cust-tx-card{padding:8px 10px!important}.cust-detail-footer{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:stretch!important;gap:8px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px)) 14px!important;box-shadow:0 -4px 14px #00000014!important}.cust-detail-btn-dismiss{display:none!important}.cust-detail-btn-wa,.cust-detail-btn-edit{flex:1 1 0!important;min-height:44px!important;height:44px!important;padding:0 10px!important;font-size:.84rem!important;border-radius:10px!important}}.receipt-footer-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px;width:100%}.receipt-actions-top-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%}.btn-print-receipt{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--primary);color:#fff;border:none;border-radius:10px;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #d2462d40}.btn-print-receipt:hover{background:var(--primary-dark, #b53825);transform:translateY(-1px)}.btn-whatsapp-receipt{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:var(--surface);color:#25d366;border:1.5px solid #25D366;border-radius:10px;font-size:.92rem;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-whatsapp-receipt:hover{background:#25d36614;border-color:#20ba5a;color:#20ba5a;transform:translateY(-1px)}.btn-new-transaction{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;background:var(--surface-2);color:var(--text-main);border:1px solid var(--border);border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;width:100%;transition:all .2s ease}.btn-new-transaction:hover{background:var(--border);color:var(--text-main)}.void-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:16px;box-sizing:border-box}.void-modal-card{max-width:440px;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px -10px #0000004d;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.void-modal-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface)}.void-title-wrap{display:flex;align-items:center;gap:8px}.void-title-wrap h3,.void-modal-header h3{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-main)}.void-modal-header-icon{color:#f59e0b;flex-shrink:0}.void-modal-body{padding:16px 18px;display:flex;flex-direction:column;gap:12px}.void-tx-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 14px}.void-tx-summary-item{display:flex;flex-direction:column;gap:2px}.void-tx-summary-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}.void-tx-summary-val{font-size:.88rem;font-weight:800;color:var(--text-main)}.void-tx-summary-val.void-nominal{color:#d2462d}.void-instruction-text{font-size:.84rem;color:var(--text-muted);margin:0 0 10px;line-height:1.4}.void-info-box{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.void-info-row{display:flex;justify-content:space-between;font-size:.82rem}.void-warning-alert{display:flex;gap:10px;align-items:flex-start;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:10px;padding:10px 12px;font-size:.8rem;color:var(--text-main);line-height:1.4}.void-warning-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.void-warning-content strong{display:block;color:#ef4444;font-size:.8rem;margin-bottom:2px}.void-warning-content p,.void-warning-content span{margin:0;color:var(--text-muted);font-size:.78rem}.void-form-select{width:100%;height:40px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.85rem;font-weight:600;box-sizing:border-box}.void-form-textarea{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.85rem;box-sizing:border-box;resize:vertical}.void-modal-footer{padding:12px 18px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;justify-content:flex-end;align-items:center;gap:10px}.void-btn-cancel,.btn-modal-secondary.void-btn-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:42px;height:42px;padding:0 18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s ease}.void-btn-cancel:hover:not(:disabled),.btn-modal-secondary.void-btn-cancel:hover:not(:disabled){background:var(--surface-2)}.void-btn-confirm,.btn-modal-destructive,.btn-modal-destructive.void-btn-confirm{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;height:42px;padding:0 20px;background:#dc2626;border:none;border-radius:8px;color:#fff;font-size:.84rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #dc262640;transition:all .15s ease}.void-btn-confirm:hover:not(:disabled),.btn-modal-destructive:hover:not(:disabled),.btn-modal-destructive.void-btn-confirm:hover:not(:disabled){background:#b91c1c}[data-theme=dark] .drawer-backdrop.tx-detail-backdrop{background:#000000bf}[data-theme=dark] .tx-detail-drawer,[data-theme=dark] .drawer-container.tx-detail-drawer{background:#181a1f;border-color:#2d333e;box-shadow:0 20px 45px -10px #0009}[data-theme=dark] .tx-detail-header,[data-theme=dark] .drawer-header,[data-theme=dark] .drawer-header.tx-detail-header{background:#181a1f;border-color:#2d333e}[data-theme=dark] .tx-detail-pre-title{color:#94a3b8}[data-theme=dark] .drawer-invoice-badge{color:#f1f5f9}[data-theme=dark] .drawer-body,[data-theme=dark] .drawer-body.tx-detail-body{background:#181a1f}[data-theme=dark] .tx-detail-meta-card,[data-theme=dark] .detail-meta-card,[data-theme=dark] .detail-meta-card.tx-detail-meta-card,[data-theme=dark] .tx-detail-customer-box,[data-theme=dark] .customer-info-box,[data-theme=dark] .customer-info-box.tx-detail-customer-box{background:#22262e;border-color:#2d333e}[data-theme=dark] .customer-avatar-icon{background:#181a1f;border-color:#2d333e}[data-theme=dark] .tx-detail-customer-name{color:#f1f5f9}[data-theme=dark] .preorder-info-card,[data-theme=dark] .preorder-info-card.tx-detail-po-card{background:#22262e;border-color:#2d333e}[data-theme=dark] .po-address-box,[data-theme=dark] .po-notes-box{background:#181a1f;border-color:#2d333e}[data-theme=dark] .po-notes-text{color:#f1f5f9}[data-theme=dark] .po-maps-link,[data-theme=dark] .po-shipping-breakdown-card{background:#181a1f;border-color:#2d333e}[data-theme=dark] .po-shipping-input-field,[data-theme=dark] .btn-save-actual-cost{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-tx-driver-message,[data-theme=dark] .btn-po-schedule,[data-theme=dark] .btn-po-wa,[data-theme=dark] .btn-po-edit{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-po-schedule:hover,[data-theme=dark] .btn-po-wa:hover,[data-theme=dark] .btn-po-edit:hover{background:#22262e}[data-theme=dark] .tx-detail-items-card{background:#22262e;border-color:#2d333e}[data-theme=dark] .tx-detail-item-row{border-color:#2d333e}[data-theme=dark] .tx-item-product-name,[data-theme=dark] .tx-item-subtotal-val{color:#f1f5f9}[data-theme=dark] .tx-item-mod-chip{background:#181a1f;border-color:#2d333e}[data-theme=dark] .tx-item-hpp-line{border-color:#2d333e}[data-theme=dark] .tx-hpp-profit-text{color:#34d399}[data-theme=dark] .tx-detail-payment-card,[data-theme=dark] .payment-breakdown-card,[data-theme=dark] .payment-breakdown-card.tx-detail-payment-card{background:#22262e;border-color:#2d333e}[data-theme=dark] .payment-row{color:#f1f5f9}[data-theme=dark] .payment-row.total-row{border-color:#2d333e}[data-theme=dark] .grand-total-val,[data-theme=dark] .tx-detail-total-val{color:#d2462d}[data-theme=dark] .tx-detail-footer,[data-theme=dark] .drawer-footer,[data-theme=dark] .drawer-footer.tx-detail-footer,[data-theme=dark] .cust-detail-footer,[data-theme=dark] .cust-detail-header{background:#181a1f;border-color:#2d333e}[data-theme=dark] .cust-hero-card,[data-theme=dark] .cust-stat-card,[data-theme=dark] .cust-info-card,[data-theme=dark] .cust-tx-card{background:#22262e;border-color:#2d333e}[data-theme=dark] .cust-detail-btn-dismiss{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .cust-detail-btn-dismiss:hover{background:#2d333e}[data-theme=dark] .po-detail-modal-card{background:#22262e;border-color:#2d333e}[data-theme=dark] .btn-drawer-print,[data-theme=dark] .tx-btn-print{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-drawer-print:hover,[data-theme=dark] .tx-btn-print:hover{background:#2d333e}[data-theme=dark] .btn-drawer-void,[data-theme=dark] .tx-btn-void,[data-theme=dark] .btn-drawer-void-action,[data-theme=dark] .tx-detail-footer .btn-drawer-void-action{border-color:#ef4444;color:#ef4444}[data-theme=dark] .void-modal-card,[data-theme=dark] .void-modal-header{background:#181a1f;border-color:#2d333e}[data-theme=dark] .void-tx-summary-card{background:#22262e;border-color:#2d333e}[data-theme=dark] .void-form-select,[data-theme=dark] .void-form-textarea{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .void-modal-footer{background:#20242a;border-color:#2d333e}[data-theme=dark] .void-btn-cancel,[data-theme=dark] .btn-modal-secondary.void-btn-cancel{background:#22262e;border-color:#2d333e;color:#f1f5f9}@media(max-width:768px){.drawer-container.tx-detail-drawer{width:100%;max-width:100%;max-height:calc(100dvh - 24px);height:auto;margin:0;border-radius:14px;box-sizing:border-box}.drawer-container{width:100%;max-width:100%;height:100dvh;box-sizing:border-box}}@media(max-width:480px){.void-modal-card{width:calc(100% - 24px);margin:12px}.void-modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px}.void-modal-footer button{width:100%;min-height:42px}}#print-root{display:none}@media print{@page{size:80mm auto;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}#root{display:none!important}#print-root{display:block!important;position:static!important;width:72mm!important;margin:0 auto!important;padding:4mm!important;box-sizing:border-box!important;background:#fff!important;color:#000!important;font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:11px!important;line-height:1.35!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}#print-root,#print-root *{page-break-before:auto!important;page-break-after:auto!important;page-break-inside:avoid!important;break-before:auto!important;break-after:auto!important;break-inside:avoid!important}}.inventory-page-container{padding:20px 24px;max-width:1400px;margin:0 auto}.filter-segmented-wrapper{display:flex;align-items:center;gap:8px;overflow-x:auto;padding-bottom:6px;margin-bottom:16px}.filter-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.filter-pill-btn:hover{background:var(--surface-2);color:var(--text-main);border-color:var(--border-hover, var(--border))}.filter-pill-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #d2462d40}.mi-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #d2462d33}.mi-btn-primary:hover:not(:disabled){background:var(--primary-dark, #b53825);transform:translateY(-1px)}.mi-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mi-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 14px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease}.mi-btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary-border);color:var(--primary)}.mi-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-filter-tag{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-filter-tag:hover{background:var(--surface-2);color:var(--text)}.btn-filter-tag.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 8px #d2462d40}.km-input-compact{padding:7px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.82rem;font-family:inherit;outline:none;transition:border-color .15s ease}.km-input-compact:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.btn-action-detail{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text-main);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-action-detail:hover{background:var(--border);color:var(--primary)}.badge-item-type{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:700}.row-inactive{opacity:.55;background:#00000005}.recipe-detail-header-card{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border);width:100%}.recipe-header-left-col{flex:1 1 auto;min-width:0}.recipe-header-title{font-size:1.35rem;font-weight:800;color:var(--text-main);margin:0 0 8px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.recipe-header-badges-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.recipe-badge-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:.74rem;font-weight:700}.recipe-badge-pill.version-badge{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.recipe-header-meta-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.82rem;color:var(--text-muted)}.recipe-header-meta-row .meta-dot{color:var(--border);font-weight:900}.recipe-header-right-actions{flex:0 0 auto;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;white-space:nowrap}.recipe-header-action-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:8px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.recipe-header-action-btn.btn-pos{background:#27ae60;color:#fff;border:none;box-shadow:0 2px 6px #27ae6040}.recipe-header-action-btn.btn-pos:hover{background:#219653;transform:translateY(-1px)}.recipe-header-action-btn.btn-edit{background:var(--primary);color:#fff;border:none;box-shadow:0 2px 6px #d2462d40}.recipe-header-action-btn.btn-edit:hover{background:var(--primary-dark, #b53825);transform:translateY(-1px)}.recipe-header-action-btn.btn-version{background:var(--surface-2);color:var(--text-main);border:1px solid var(--border)}.recipe-header-action-btn.btn-version:hover{background:var(--border);color:var(--primary)}.recipe-header-action-btn.btn-delete{background:var(--surface-2);color:var(--error);border:1px solid rgba(231,76,60,.3)}.recipe-header-action-btn.btn-delete:hover{background:#e74c3c1a;border-color:var(--error)}@media(max-width:768px){.recipe-detail-header-card{flex-direction:column;align-items:stretch;gap:14px}.recipe-header-right-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}}.km-settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.km-settings-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}.km-icon-badge{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.km-icon-badge.accent{background:#d2462d1f;color:var(--primary)}.km-icon-badge.blue{background:#3b82f61f;color:#3b82f6}.km-settings-title{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:10px}.km-settings-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.km-owner-badge{font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:6px;background:#d2462d1f;color:var(--primary);border:1px solid rgba(210,70,45,.25);display:inline-flex;align-items:center;gap:4px}.km-settings-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:14px}.km-card-title{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);display:flex;align-items:center;gap:8px;margin-bottom:12px}.km-field-label{display:block;font-size:.82rem;font-weight:600;color:var(--text-primary);margin-bottom:6px}.km-helper-text{font-size:.74rem;color:var(--text-muted);margin-top:4px;display:block}.km-input-dark,.km-select-dark,.km-textarea-dark{width:100%;height:40px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:0 12px;font-size:.84rem;color:var(--text-primary);outline:none;transition:all .15s ease}.km-textarea-dark{height:auto;padding:10px 12px;line-height:1.5;resize:vertical}.km-input-dark:focus,.km-select-dark:focus,.km-textarea-dark:focus{border-color:var(--primary);box-shadow:0 0 0 2px #d2462d33}.km-input-dark:disabled{opacity:.5;cursor:not-allowed}.km-inline-rate-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.km-rate-prefix,.km-rate-suffix{font-size:.84rem;font-weight:500;color:var(--text-muted)}.km-rate-equal{font-size:1rem;font-weight:700;color:var(--primary);margin:0 2px}.km-input-prefix-wrap{position:relative;flex:1;min-width:140px}.km-input-affix{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:.8rem;font-weight:600;color:var(--text-muted);pointer-events:none}.km-input-prefix-wrap .km-input-dark{padding-left:32px;font-weight:700}.km-input-points-wrap{width:90px}.km-input-points-wrap .km-input-dark{text-align:center;font-weight:700}.km-radio-group{display:flex;flex-direction:column;gap:10px}.km-radio-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:8px;background:var(--surface);border:1px solid var(--border);cursor:pointer;transition:all .15s ease}.km-radio-card:hover{border-color:var(--primary)}.km-radio-card.active{background:#d2462d14;border-color:var(--primary)}.km-radio-circle{width:18px;height:18px;border-radius:50%;border:2px solid var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.km-radio-card.active .km-radio-circle{border-color:var(--primary)}.km-radio-dot{width:8px;height:8px;border-radius:50%;background:var(--primary)}.km-radio-content{flex:1}.km-radio-inline{display:flex;align-items:center;gap:8px;font-size:.84rem;color:var(--text-primary)}.km-input-compact{width:80px;height:32px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:0 8px;font-size:.84rem;font-weight:700;color:var(--text-primary);text-align:center;outline:none}.km-input-compact:focus{border-color:var(--primary)}.km-radio-title{font-size:.84rem;font-weight:600;color:var(--text-primary);display:block}.km-radio-desc{font-size:.74rem;color:var(--text-muted)}.km-toggle-switch{display:flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.82rem;color:var(--text-primary)}.km-toggle-switch input{display:none}.km-toggle-slider{width:36px;height:20px;background:var(--surface-2);border:1px solid var(--border);border-radius:20px;position:relative;transition:all .2s ease;flex-shrink:0}.km-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--text-muted);transition:all .2s ease}.km-toggle-switch input:checked+.km-toggle-slider{background:var(--primary);border-color:var(--primary)}.km-toggle-switch input:checked+.km-toggle-slider:after{transform:translate(16px);background:#fff}.km-segmented-control{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:3px;gap:2px}.km-segmented-btn{background:transparent;border:none;padding:6px 14px;font-size:.78rem;font-weight:600;color:var(--text-secondary);border-radius:6px;cursor:pointer;transition:all .15s ease}.km-segmented-btn:hover{color:var(--text-primary)}.km-segmented-btn.active{background:var(--primary);color:#fff;box-shadow:0 1px 4px #0003}.km-doc-branding-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;align-items:start}.km-doc-form-column{display:flex;flex-direction:column;gap:14px;min-width:0;width:100%}.km-doc-category-picker-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-bottom:2px}.km-doc-category-picker-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.km-doc-category-label{font-size:.82rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px;margin:0}.km-doc-category-badge{font-size:.72rem;font-weight:700;color:var(--primary);background:#d2462d1a;padding:2px 8px;border-radius:6px;border:1px solid rgba(210,70,45,.2);white-space:nowrap}.km-doc-category-select{width:100%;min-width:0;height:42px;font-size:.85rem;font-weight:600;border-radius:8px;background-color:var(--surface-2);border:1px solid var(--border);color:var(--text-primary);padding:0 12px;cursor:pointer}.km-doc-form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.km-doc-checkbox-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:var(--surface-2);padding:14px;border-radius:8px;border:1px solid var(--border)}.km-subnav-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:4px}.km-subnav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;background:transparent;border:none;font-size:.82rem;font-weight:600;color:var(--text-secondary);cursor:pointer;text-align:left;width:100%;transition:all .15s ease}.km-subnav-item:hover{background:var(--surface-hover, rgba(0,0,0,.05));color:var(--text-primary)}.km-subnav-item.active{background:#d2462d1f;color:var(--primary);font-weight:700}.km-numbering-table{width:100%;border-collapse:collapse;font-size:.82rem}.km-numbering-table th{background:var(--table-head-bg, var(--surface-2));color:var(--text-secondary);text-align:left;padding:8px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;border-bottom:1px solid var(--border)}.km-numbering-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-primary)}.km-preview-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;position:sticky;top:16px;min-width:0}.km-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:8px}.km-preview-title{font-size:.85rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:6px}.km-preview-format-badge{font-size:.72rem;font-weight:700;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:2px 8px;border-radius:6px;white-space:nowrap}.km-preview-selector-wrap{margin-bottom:12px;display:flex;flex-direction:column;gap:4px}.km-preview-select{width:100%;min-width:0;height:38px;font-size:.82rem;font-weight:600;border-radius:8px;background-color:var(--surface-2);border:1px solid var(--border);color:var(--text-primary);padding:0 10px}.km-thermal-paper{background:#fff;color:#111827;padding:18px 14px;border-radius:6px;box-shadow:0 4px 20px #00000026;font-family:Courier New,Courier,monospace;font-size:11px;line-height:1.4;margin:0 auto;transition:width .2s ease;position:relative;box-sizing:border-box;width:100%}.km-thermal-paper.width-58{max-width:240px}.km-thermal-paper.width-80{max-width:310px}.km-a4-paper{background:#fff;color:#111827;padding:18px 16px;border-radius:6px;box-shadow:0 4px 20px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:11px;line-height:1.45;margin:0 auto;width:100%;max-width:440px;border:1px solid #e5e7eb;box-sizing:border-box}.km-preview-action-bar{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);flex-wrap:wrap}.km-preview-btn-print,.km-preview-btn-pdf{flex:1;min-width:110px;justify-content:center}.km-settings-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:16px;border-top:1px solid var(--border);margin-top:16px}@media(max-width:1024px){.km-doc-branding-layout{grid-template-columns:1fr;gap:16px}.km-preview-panel{position:static;margin-top:16px}}@media(max-width:640px){.km-doc-form-grid-2col{grid-template-columns:1fr!important;gap:10px}.km-doc-form-grid-2col>div{grid-column:1 / -1!important}.km-doc-checkbox-grid{grid-template-columns:1fr!important}.km-preview-action-bar{flex-direction:column}.km-preview-btn-print,.km-preview-btn-pdf{width:100%}.km-settings-actions{flex-direction:column-reverse}.km-settings-actions .btn{width:100%;min-height:42px;justify-content:center}}.km-loyalty-grid-3col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:16px;align-items:stretch}.km-loyalty-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;height:100%}.km-radio-group-horizontal{display:grid;grid-template-columns:1fr 1fr;gap:12px}.km-loyalty-radio-card{min-height:68px}.km-loyalty-earn-group{display:block}.km-loyalty-earn-label{display:block;margin-bottom:6px}.km-loyalty-redeem-group{display:flex;flex-direction:column;gap:10px}.km-loyalty-redeem-group .km-input-points-wrap{width:100px}.km-loyalty-limits-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.km-info-card-compact{display:flex;align-items:center;gap:10px;background:#d2462d14;border:1px solid rgba(210,70,45,.2);border-radius:8px;padding:10px 14px;font-size:.78rem;color:var(--text-primary);margin-top:14px}.km-field-error-text{font-size:.72rem;color:var(--danger, #ef4444);margin-top:4px;display:block;font-weight:500}@media(max-width:1024px){.km-loyalty-grid-3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.km-loyalty-grid-3col,.km-radio-group-horizontal{grid-template-columns:1fr}}.km-settings-accordion-header{display:none!important}.km-settings-accordion-body{display:block}@media(max-width:768px){.km-settings-page-header{margin-bottom:14px!important}.km-settings-page-header .settings-badge{font-size:.7rem!important;padding:2px 7px!important;margin-bottom:4px!important}.km-settings-page-header .settings-title{font-size:1.25rem!important;margin:4px 0 2px!important;line-height:1.2!important}.km-settings-page-header .settings-subtitle{font-size:.78rem!important;line-height:1.35!important;margin-top:2px!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.km-settings-top-grid{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:8px!important}.km-settings-section{padding:0!important;margin-top:0!important;margin-bottom:8px!important;border-radius:10px!important;overflow:hidden!important;border:1px solid var(--border)!important;box-shadow:0 1px 3px #0000000d!important;transition:border-color .15s ease,background-color .15s ease}.km-settings-section.is-open{border-color:#d2462d66!important}.km-settings-section .km-settings-header{display:none!important}.km-settings-accordion-header{display:flex!important;width:100%!important;min-height:48px!important;padding:10px 14px!important;align-items:center!important;justify-content:space-between!important;background:transparent!important;border:none!important;cursor:pointer!important;text-align:left!important;-webkit-user-select:none!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;box-sizing:border-box!important}.km-settings-accordion-header:hover{background:var(--surface-hover, rgba(255, 255, 255, .03))!important}.km-settings-accordion-header:focus-visible{outline:2px solid var(--primary)!important;outline-offset:-2px!important}.km-settings-section.is-open .km-settings-accordion-header{background:var(--surface-2, rgba(255, 255, 255, .02))!important}.km-accordion-header-left{display:flex!important;align-items:center!important;gap:12px!important;flex:1!important;min-width:0!important}.km-accordion-icon-wrap{width:32px!important;height:32px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;background:#d2462d1f;color:var(--primary)}.km-accordion-icon-wrap.accent{background:#d2462d1f!important;color:var(--primary)!important}.km-accordion-icon-wrap.blue{background:#3b82f61f!important;color:#3b82f6!important}.km-accordion-title{font-size:.88rem!important;font-weight:700!important;color:var(--text-primary)!important;line-height:1.25!important;text-align:left!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.km-accordion-chevron{transition:transform .22s cubic-bezier(.4,0,.2,1)!important;color:var(--text-muted)!important;flex-shrink:0!important}.km-settings-section.is-open .km-accordion-chevron{transform:rotate(180deg)!important;color:var(--primary)!important}.km-settings-section.is-closed .km-settings-accordion-body{display:none!important}.km-settings-section.is-open .km-settings-accordion-body{display:block!important;padding:14px!important;border-top:1px solid var(--border)!important;animation:kmAccordionOpen .2s cubic-bezier(.16,1,.3,1)!important}@keyframes kmAccordionOpen{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.km-settings-accordion-body .km-settings-actions{flex-direction:column-reverse!important;gap:8px!important;margin-top:10px!important;padding-top:10px!important}.km-settings-accordion-body .km-settings-actions .btn{width:100%!important;justify-content:center!important;min-height:44px!important;font-size:.88rem!important}#km-section-content-LOYALTY .km-settings-actions{flex-direction:column-reverse!important}#km-section-content-LOYALTY .km-settings-actions .btn,#km-section-content-PRINTER .km-settings-actions .btn,#km-section-content-BRAND_IDENTITY .km-settings-actions .btn{min-height:44px!important}.km-settings-accordion-body .km-settings-card{padding:12px!important;margin-bottom:10px!important;border-radius:10px!important}#km-section-header-LOYALTY{min-height:56px!important}#km-section-content-LOYALTY .km-loyalty-grid-3col{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:10px!important}#km-section-content-LOYALTY .km-loyalty-card{padding:12px 14px!important;gap:8px!important;border-radius:10px!important}#km-section-content-LOYALTY .km-settings-card{padding:12px 14px!important;margin-bottom:0!important;border-radius:10px!important}#km-section-content-LOYALTY .km-card-title{font-size:13.5px!important;line-height:1.35!important;margin-bottom:8px!important;gap:6px!important;display:flex!important;align-items:center!important}#km-section-content-LOYALTY .km-loyalty-earn-group{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important}#km-section-content-LOYALTY .km-loyalty-earn-label{margin-bottom:0!important;font-size:13px!important;font-weight:500!important;white-space:nowrap!important;flex-shrink:0!important}#km-section-content-LOYALTY .km-inline-rate-box{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;flex:1 1 200px!important;min-width:0!important}#km-section-content-LOYALTY .km-input-prefix-wrap{flex:1!important;min-width:0!important}#km-section-content-LOYALTY .km-input-prefix-wrap.km-full-width{width:100%!important}#km-section-content-LOYALTY .km-input-dark{height:40px!important;min-height:40px!important;font-size:13.5px!important;padding:0 10px!important;box-sizing:border-box!important}#km-section-content-LOYALTY .km-input-prefix-wrap .km-input-dark{height:40px!important;min-height:40px!important;font-size:13.5px!important;padding-left:32px!important;box-sizing:border-box!important}#km-section-content-LOYALTY .km-rate-equal{font-size:14px!important;flex-shrink:0!important;margin:0 2px!important;color:var(--text-muted)!important}#km-section-content-LOYALTY .km-input-points-wrap{width:76px!important;flex-shrink:0!important}#km-section-content-LOYALTY .km-input-points-wrap .km-input-dark{height:40px!important;min-height:40px!important;font-size:13.5px!important;text-align:center!important;padding:0 6px!important;box-sizing:border-box!important}#km-section-content-LOYALTY .km-rate-suffix{font-size:13px!important;flex-shrink:0!important;color:var(--text-secondary, var(--text-muted))!important}#km-section-content-LOYALTY .km-loyalty-redeem-group{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}#km-section-content-LOYALTY .km-loyalty-field-points{display:flex!important;flex-direction:column!important;min-width:0!important}#km-section-content-LOYALTY .km-loyalty-field-points .km-field-label{margin-bottom:4px!important;font-size:13px!important;white-space:nowrap!important}#km-section-content-LOYALTY .km-loyalty-points-inline{display:flex!important;align-items:center!important;gap:6px!important;width:100%!important;min-width:0!important}#km-section-content-LOYALTY .km-loyalty-field-points .km-input-points-wrap{flex:1!important;width:100%!important;min-width:0!important}#km-section-content-LOYALTY .km-loyalty-field-points .km-input-points-wrap .km-input-dark{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;text-align:center!important;padding:0 4px!important;box-sizing:border-box!important}#km-section-content-LOYALTY .km-loyalty-field-discount{display:flex!important;flex-direction:column!important;min-width:0!important}#km-section-content-LOYALTY .km-loyalty-field-discount .km-field-label{margin-bottom:4px!important;font-size:13px!important;white-space:nowrap!important}#km-section-content-LOYALTY .km-loyalty-field-discount .km-input-prefix-wrap{width:100%!important;min-width:0!important}#km-section-content-LOYALTY .km-loyalty-field-discount .km-input-dark{width:100%!important;min-width:0!important;height:40px!important;min-height:40px!important;box-sizing:border-box!important}#km-section-content-LOYALTY .km-loyalty-limits-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}#km-section-content-LOYALTY .km-limit-col{display:flex!important;flex-direction:column!important}#km-section-content-LOYALTY .km-limit-col .km-field-label{margin-bottom:4px!important;font-size:13px!important}#km-section-content-LOYALTY .km-limit-col .km-helper-text{font-size:11.5px!important;line-height:1.3!important;margin-top:3px!important}#km-section-content-LOYALTY .km-radio-group-horizontal{display:flex!important;flex-direction:column!important;gap:8px!important}#km-section-content-LOYALTY .km-radio-card{padding:10px 12px!important;min-height:auto!important;gap:8px!important;align-items:center!important}#km-section-content-LOYALTY .km-radio-content{flex:1!important;min-width:0!important}#km-section-content-LOYALTY .km-radio-inline{display:flex!important;align-items:center!important;gap:6px!important;font-size:13px!important;flex-wrap:wrap!important}#km-section-content-LOYALTY .km-radio-title{font-size:13px!important;font-weight:600!important;display:block!important;line-height:1.25!important}#km-section-content-LOYALTY .km-radio-desc{font-size:11.5px!important;color:var(--text-muted)!important;line-height:1.3!important;display:block!important;margin-top:2px!important}#km-section-content-LOYALTY .km-input-compact{min-height:40px!important;height:40px!important;width:68px!important;font-size:13px!important;padding:0 6px!important;text-align:center!important;box-sizing:border-box!important}#km-section-content-LOYALTY .km-loyalty-info-note{display:flex!important;align-items:flex-start!important;gap:6px!important;margin-top:8px!important}#km-section-content-LOYALTY .km-loyalty-info-note .km-helper-text{font-size:12px!important;line-height:1.35!important;margin:0!important}#km-section-content-LOYALTY .km-helper-wrap{margin-top:6px!important}#km-section-content-LOYALTY .km-helper-text{font-size:12px!important;line-height:1.35!important;margin-top:0!important}#km-section-content-LOYALTY .km-info-card-compact{margin-top:8px!important;padding:8px 10px!important;font-size:12px!important;line-height:1.35!important}#km-section-content-LOYALTY .km-settings-actions{display:flex!important;flex-direction:column-reverse!important;gap:8px!important;margin-top:10px!important;padding-top:8px!important}#km-section-content-LOYALTY .km-settings-actions .btn{width:100%!important;height:44px!important;min-height:44px!important;font-size:13.5px!important;font-weight:600!important;justify-content:center!important}.km-printer-platform-banner{padding:10px 12px!important;margin-bottom:10px!important;gap:8px!important}#km-section-content-PRINTER .km-loyalty-grid-3col{display:flex!important;flex-direction:column!important;gap:10px!important;margin-bottom:10px!important}#km-section-content-PRINTER .km-loyalty-card{padding:12px 14px!important;gap:10px!important;border-radius:10px!important}#km-section-content-PRINTER .km-card-title{font-size:.88rem!important;margin-bottom:8px!important;gap:6px!important}#km-section-content-PRINTER .km-radio-card{padding:8px 10px!important;min-height:auto!important;gap:10px!important;align-items:flex-start!important}#km-section-content-PRINTER .km-radio-circle{margin-top:2px!important}#km-section-content-PRINTER .km-radio-title{font-size:.82rem!important}#km-section-content-PRINTER .km-radio-desc{font-size:.72rem!important;line-height:1.3!important}#km-section-content-PRINTER .km-input-dark{min-height:44px!important;font-size:.88rem!important}#km-section-content-BRAND_IDENTITY .km-settings-card{padding:12px 14px!important;gap:12px!important;border-radius:10px!important}.km-brand-logo-preview{width:72px!important;height:72px!important;border-radius:8px!important}.km-brand-logo-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.km-brand-logo-actions .btn{min-height:38px!important;font-size:.78rem!important;padding:6px 12px!important}#km-section-content-BRAND_IDENTITY .km-input-dark{min-height:44px!important;font-size:.88rem!important;width:100%!important;box-sizing:border-box!important}#km-section-content-BRAND_IDENTITY .km-input-tagline{overflow-x:auto!important;text-overflow:clip!important;white-space:nowrap!important;scroll-behavior:smooth!important}#km-section-content-BRAND_IDENTITY .km-tagline-preview-box{box-sizing:border-box!important;word-break:break-word!important}#km-section-content-BRAND_IDENTITY .km-helper-text{font-size:.72rem!important;margin-top:3px!important;line-height:1.3!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:none;white-space:nowrap;text-decoration:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #d2462d33}.btn-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 4px 12px #d2462d59}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--surface-2);border-color:var(--primary-border)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:7px 14px;font-size:.82rem}.btn-xs{padding:4px 8px;font-size:.74rem}.bg-card{background:var(--surface)!important}.text-foreground{color:var(--text)!important}.text-muted-foreground{color:var(--text-muted)!important}.bg-muted{background:var(--surface-2)!important}.text-accent{color:var(--primary)!important}.border-border{border-color:var(--border)!important}.border-b{border-bottom:1px solid var(--border)!important}.bg-background{background:var(--bg)!important}.p-4{padding:16px!important}.p-6{padding:24px!important}.p-3{padding:12px!important}.p-3\.5{padding:14px!important}.p-2{padding:8px!important}.p-2\.5{padding:10px!important}.p-1{padding:4px!important}.px-4{padding-left:16px!important;padding-right:16px!important}.px-3{padding-left:12px!important;padding-right:12px!important}.px-2{padding-left:8px!important;padding-right:8px!important}.px-2\.5{padding-left:10px!important;padding-right:10px!important}.py-3\.5{padding-top:14px!important;padding-bottom:14px!important}.py-2{padding-top:8px!important;padding-bottom:8px!important}.py-1{padding-top:4px!important;padding-bottom:4px!important}.py-0\.5{padding-top:2px!important;padding-bottom:2px!important}.py-1\.5{padding-top:6px!important;padding-bottom:6px!important}.py-2\.5{padding-top:10px!important;padding-bottom:10px!important}.pl-9{padding-left:36px!important}.pr-3{padding-right:12px!important}.pb-4{padding-bottom:16px!important}.pt-4{padding-top:16px!important}.pt-1{padding-top:4px!important}.pt-2{padding-top:8px!important}.mt-1{margin-top:4px!important}.mt-0\.5{margin-top:2px!important}.mb-1{margin-bottom:4px!important}.mb-1\.5{margin-bottom:6px!important}.my-8{margin-top:32px!important;margin-bottom:32px!important}.flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-start{align-items:flex-start!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.gap-1{gap:4px!important}.gap-1\.5{gap:6px!important}.gap-2{gap:8px!important}.gap-2\.5{gap:10px!important}.gap-3{gap:12px!important}.gap-4{gap:16px!important}.flex-1{flex:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-shrink-0{flex-shrink:0!important}.w-full{width:100%!important}.max-w-xs{max-width:320px!important}.max-w-7xl{max-width:1400px!important}.max-w-2xl{max-width:672px!important}.max-w-md{max-width:448px!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.whitespace-nowrap{white-space:nowrap!important}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppercase{text-transform:uppercase!important}.tracking-tight{letter-spacing:-.025em!important}.tracking-wider{letter-spacing:.05em!important}.block{display:block!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.inset-0{top:0;right:0;bottom:0;left:0}.z-50{z-index:50!important}.top-1\/2{top:50%!important}.left-3{left:12px!important}.hidden{display:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-xl{box-shadow:var(--shadow-lg)!important}.col-span-4{grid-column:span 4 / span 4!important}.col-span-2{grid-column:span 2 / span 2!important}.col-span-3{grid-column:span 3 / span 3!important}.col-span-1{grid-column:span 1 / span 1!important}.max-h-\[80vh\]{max-height:80vh!important}.min-w-\[200px\]{min-width:200px!important}.resize-none{resize:none!important}.outline-none{outline:none!important}.-translate-y-1\/2{transform:translateY(-50%)!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.85rem!important}.text-lg{font-size:1.1rem!important}.text-xl{font-size:1.2rem!important}.text-2xl{font-size:1.4rem!important}.text-\[11px\]{font-size:11px!important}.text-\[10px\]{font-size:10px!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-mono{font-family:var(--font-mono)!important}.rounded{border-radius:4px!important}.rounded-lg{border-radius:8px!important}.rounded-xl{border-radius:12px!important}.rounded-2xl{border-radius:16px!important}.rounded-full{border-radius:9999px!important}.border{border:1px solid var(--border)!important}.border-t{border-top:1px solid var(--border)!important}.bg-emerald-500\/10{background:#34d3991f!important}.text-emerald-500{color:#10b981!important}.hover\:text-emerald-400:hover{color:#34d399!important}.border-emerald-500\/30{border-color:#34d3994d!important}.bg-rose-500\/10{background:#f43f5e1a!important}.text-rose-500{color:#f43f5e!important}.hover\:text-rose-400:hover{color:#fb7185!important}.border-rose-500\/30{border-color:#f43f5e4d!important}.bg-amber-500\/10{background:#f59e0b1a!important}.text-amber-500{color:#f59e0b!important}.border-amber-500{border-color:#f59e0b!important}.bg-cyan-500\/10{background:#06b6d41a!important}.text-cyan-500{color:#06b6d4!important}.bg-indigo-500\/10{background:#6366f11a!important}.text-indigo-500{color:#6366f1!important}.bg-accent\/10{background:var(--primary-soft)!important}.bg-accent\/5{background:#d2462d0d!important}.border-accent{border-color:var(--primary)!important}.border-accent\/20{border-color:var(--primary-border)!important}.ring-accent{outline:2px solid var(--primary)}.ring-1{outline-width:1px}.focus\:border-accent:focus{border-color:var(--primary)!important}.focus\:ring-1:focus{outline:1px solid var(--primary)}.focus\:ring-accent:focus{outline-color:var(--primary)}.w-full.text-sm.text-left{font-size:.83rem;width:100%}.divide-y>*+*{border-top:1px solid var(--border-subtle)!important}.divide-border\/40>*+*{border-top-color:var(--border-subtle)!important}.hover\:bg-muted\/20:hover{background:var(--surface-2)!important}.transition-colors{transition:background .15s ease,color .15s ease}.bg-muted\/40{background:var(--surface-2)!important}.border-border\/40{border-color:var(--border-subtle)!important}.border-border\/50,.border-border\/60{border-color:var(--border)!important}.bg-muted\/20{background:#00000008!important}.bg-muted\/10{background:#00000005!important}.bg-black\/60{background:#0009!important}.backdrop-blur-xs{-webkit-backdrop-filter:blur(3px)!important;backdrop-filter:blur(3px)!important}.backdrop-blur-sm{-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important}.zoom-in-95{animation:scaleUp .18s cubic-bezier(.16,1,.3,1)}.fade-in{animation:fadeIn .18s ease}.grid{display:grid!important}.grid-cols-1{grid-template-columns:repeat(1,1fr)!important}.grid-cols-2{grid-template-columns:repeat(2,1fr)!important}.grid-cols-12{grid-template-columns:repeat(12,1fr)!important}.space-y-4>*+*{margin-top:16px!important}.space-y-3>*+*{margin-top:12px!important}.space-y-2>*+*{margin-top:8px!important}.space-y-2\.5>*+*{margin-top:10px!important}.space-y-1>*+*{margin-top:4px!important}.space-y-6>*+*{margin-top:24px!important}@media(min-width:640px){.sm\:inline{display:inline!important}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)!important}}@media(min-width:768px){.md\:p-6{padding:24px!important}.md\:flex-row{flex-direction:row!important}.md\:items-center{align-items:center!important}}@media(min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)!important}.lg\:flex-row{flex-direction:row!important}.lg\:items-center{align-items:center!important}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)!important}}.shadow-xs{box-shadow:var(--shadow-xs)!important}.oe-page-wrapper,.purchases-page-wrapper{padding:20px 24px;max-width:1400px;margin:0 auto}.table-responsive-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.pos-page-wrapper{padding:20px 24px}@media(max-width:768px){.pos-page-wrapper{padding:14px 16px}.dash-kpi-row{grid-template-columns:repeat(2,1fr)}.filter-controls-card{flex-direction:column;align-items:stretch}.search-input-wrap{min-width:100%}.page-header-row{flex-direction:column;align-items:flex-start;gap:10px}.page-main-title{font-size:1.2rem}.modal-header,.modal-body{padding:14px 16px!important}.dash-quicknav{display:grid;grid-template-columns:repeat(2,1fr)}.dash-qn-btn{justify-content:center}}@media(max-width:480px){.dash-kpi-row{grid-template-columns:1fr}.dash-title{font-size:1.15rem}.btn-filter-tag,.mi-btn-secondary,.mi-btn-primary{font-size:.76rem;padding:6px 10px}.filter-segmented-wrapper:not(.tx-segmented-wrapper):not(.event-sales-segmented-wrapper):not(.prospect-segmented-wrapper){flex-direction:column;align-items:stretch}.filter-pill-btn{justify-content:center}.pos-main-grid{grid-template-columns:1fr!important}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}html{scroll-behavior:smooth}.tabular-num,.product-price,.dkpi-value,.outlet-perf-sales,.summary-row .total-val{font-variant-numeric:tabular-nums}@media print{.sidebar-root,.global-main-bar,.btn-refresh-catalog,.btn-dash-refresh,.dash-quicknav,.modal-overlay{display:none!important}.pos-app-layout{display:block}}.monthly-payroll-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.82rem;background:var(--surface);color:var(--text-primary)}.monthly-payroll-table thead th{background:var(--surface-2);color:var(--text-secondary);font-weight:700;font-size:.74rem;border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:8px 4px;text-align:center;position:sticky;top:0;z-index:10}.monthly-payroll-table tbody td{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:4px 2px;background:var(--surface);color:var(--text-primary);text-align:center}.monthly-payroll-table tbody tr:hover td{background:var(--surface-2)}.monthly-payroll-table .sticky-col{position:sticky;left:0;z-index:11;background:var(--surface)!important;box-shadow:2px 0 4px #0000000a}.monthly-payroll-table thead .sticky-col{z-index:12;background:var(--surface-2)!important}@media(max-width:767px){.desktop-table-container{display:none!important}.mobile-transaction-cards-list{display:flex!important;flex-direction:column;gap:10px;width:100%;padding:0;margin:0;box-sizing:border-box}}.tx-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:all .18s ease-in-out;box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%}.tx-mobile-card:hover,.tx-mobile-card:active{border-color:var(--primary);background:var(--surface-2);transform:translateY(-1px)}.tx-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--border);padding-bottom:8px}.tx-card-inv-wrap{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tx-card-inv{font-weight:800;font-size:.82rem;color:var(--text-primary)}.tx-card-body{display:flex;flex-direction:column;gap:4px}.tx-card-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--text-muted);flex-wrap:wrap;gap:6px}.tx-card-outlet{color:var(--text-secondary);font-weight:600}.tx-card-cust-row{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:var(--text-muted);gap:6px}.tx-card-cust-name{color:var(--text-primary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-card-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px dashed var(--border);padding-top:8px;margin-top:2px}.tx-card-total-group{display:flex;align-items:baseline;gap:6px}.tx-card-total-label{font-size:.72rem;color:var(--text-muted);text-transform:uppercase;font-weight:700}.tx-card-total-amount{font-size:1.05rem;font-weight:900;color:var(--text-primary)}.btn-tx-card-open{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:6px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.btn-tx-card-open:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.tx-card-actions-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}@media(max-width:480px){.tx-mobile-card .tx-card-footer{flex-direction:column;align-items:stretch;gap:8px}.tx-mobile-card .tx-card-total-group{width:100%;display:flex;justify-content:space-between;align-items:baseline}.tx-mobile-card .tx-card-actions-group{width:100%;display:flex;justify-content:flex-end;gap:6px}.tx-mobile-card .tx-card-actions-group button{flex:1;min-width:0;justify-content:center;font-size:.72rem;padding:0 4px}}.recipe-filter-toolbar{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr auto;gap:12px;align-items:center}@media(max-width:1024px){.recipe-filter-toolbar{grid-template-columns:2fr 1fr 1fr auto}}@media(max-width:767px){.recipe-filter-toolbar{grid-template-columns:1fr 1fr;gap:8px;padding:12px}.recipe-filter-toolbar>div:first-child{grid-column:1 / -1}.recipe-filter-toolbar>div:last-child{grid-column:1 / -1}.recipe-filter-toolbar>div:last-child button{width:100%;justify-content:center}}@media(max-width:767px){.attendance-approval-filter-bar,.attendance-recap-filter-bar{padding:12px!important;gap:10px!important}.attendance-recap-filter-bar .filter-select{flex:1;min-width:130px!important}}.page-actions-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:640px){.page-actions-bar{width:100%;justify-content:flex-start}}.filter-controls-card{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:16px;box-sizing:border-box;width:100%}.search-input-wrap{position:relative;min-width:200px;flex:1}.filter-select-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}@media(max-width:767px){.filter-controls-card{flex-direction:column;align-items:stretch;padding:12px 14px;gap:10px}.search-input-wrap{width:100%!important;min-width:100%!important;max-width:100%!important}.filter-select-group{flex-direction:column;align-items:stretch;width:100%;gap:8px}.filter-select-group select,.filter-select-group button{width:100%!important}}.period-selector-wrapper{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.period-preset-pills-wrap{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.period-pill-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;border-radius:8px;font-size:.82rem;font-weight:600;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .15s ease;min-height:38px;box-sizing:border-box}.period-pill-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.period-pill-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.period-date-range-wrap{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0;box-sizing:border-box}.period-date-field-wrap{display:inline-flex;align-items:center;min-width:0;box-sizing:border-box}.period-label{font-size:.82rem;font-weight:700;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.period-select-custom-wrapper{position:relative;display:inline-flex;align-items:center;width:100%;min-width:0}.period-mobile-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:100%;min-height:44px;height:44px;padding:8px 36px 8px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm, 8px);color:var(--text);font-size:.875rem;font-weight:600;outline:none;cursor:pointer;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.period-mobile-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.period-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted)}.mobile-only-label{display:none}.desktop-only-separator{display:inline-block;color:var(--text-muted);font-size:.76rem}@media(min-width:768px){.period-desktop-pills{display:inline-flex!important;align-items:center;gap:6px}.period-mobile-dropdown{display:none!important}}@media(max-width:767px){.period-selector-wrapper{width:100%;max-width:100%;min-width:0;flex-direction:column;align-items:stretch;gap:8px;box-sizing:border-box}.period-desktop-pills{display:none!important}.period-mobile-dropdown{display:flex!important;align-items:center;gap:8px;width:100%;box-sizing:border-box}.period-mobile-dropdown .period-label{font-size:.85rem;font-weight:700;color:var(--text-secondary);white-space:nowrap;flex-shrink:0}.period-mobile-dropdown .period-select-custom-wrapper{flex:1;min-width:0}.period-mobile-select{min-height:44px;height:44px;font-size:.875rem;width:100%!important;box-sizing:border-box!important}.period-preset-pills-wrap:not(.period-desktop-pills){width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;box-sizing:border-box}.period-pill-btn{width:100%;text-align:center;padding:6px 4px;font-size:.76rem}.period-preset-dropdown-wrap:not(.period-mobile-dropdown){width:100%;max-width:100%;min-width:0;box-sizing:border-box}.period-preset-dropdown-wrap:not(.period-mobile-dropdown) select{width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;box-sizing:border-box!important}.period-date-range-wrap{width:100%;max-width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:8px;box-sizing:border-box;margin-top:4px}.period-date-field-wrap{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;gap:8px;box-sizing:border-box}.period-date-sublabel{display:block;font-size:.8rem;font-weight:600;color:var(--text-muted);min-width:55px;flex-shrink:0}.mobile-only-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-muted)}.desktop-only-separator,.period-range-separator{display:none!important}.period-date-range-wrap input.period-date-input{width:100%!important;max-width:100%!important;min-width:0!important;min-height:44px!important;height:44px!important;font-size:.875rem!important;box-sizing:border-box!important;padding:0 12px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface-2)!important;color:var(--text)!important}}.schedule-action-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.schedule-action-row-1,.schedule-action-row-2,.schedule-edit-mode-btns,.schedule-period-nav-bar{display:contents}.schedule-view-switcher,.attendance-view-mode-bar{display:inline-flex;background:var(--surface-2);padding:3px;border-radius:8px;border:1px solid var(--border);box-sizing:border-box;align-items:center;gap:2px}.schedule-view-switcher .btn-switcher{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;outline:none;padding:6px 14px;font-size:.78rem;font-weight:700;color:var(--text-secondary);border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;box-sizing:border-box;text-decoration:none}.schedule-view-switcher .btn-switcher:hover{color:var(--text-primary)}.schedule-view-switcher .btn-switcher.active{background:var(--primary, #D2462D);color:#fff;box-shadow:0 1px 3px #0000002e}.schedule-period-filter-card{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:var(--shadow-xs);box-sizing:border-box}.schedule-period-nav-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.schedule-period-nav-bar{display:contents}.schedule-month-year-selectors{display:flex;align-items:center;gap:6px}.schedule-select-month,.schedule-select-year{padding:6px 10px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);font-size:.82rem;font-weight:700;cursor:pointer;min-height:36px;box-sizing:border-box}.schedule-nav-arrow-btn{font-size:.78rem;padding:6px 10px;display:inline-flex;align-items:center;justify-content:center}.schedule-cutoff-badge{padding:6px 12px;border-radius:8px;background:var(--primary-subtle, rgba(37, 99, 235, .08));border:1px solid var(--border);font-weight:800;font-size:.82rem;color:var(--primary, #2563eb);box-sizing:border-box}.schedule-legend-grid{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.schedule-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:.74rem}.schedule-mobile-date-filter-box{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;display:flex;align-items:center;gap:8px;box-sizing:border-box;min-height:42px}.schedule-mobile-date-filter-label{font-size:.78rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.schedule-mobile-date-filter-select{flex:1;min-height:36px;height:36px;font-size:.78rem;font-weight:700;border-radius:6px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-main);padding:0 8px;box-sizing:border-box}.schedule-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box;width:100%;box-shadow:var(--shadow-xs)}.schedule-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:0;border-bottom:none}.schedule-card-body{display:flex;flex-direction:column;gap:4px;width:100%;padding:0}.schedule-card-status-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.schedule-card-footer{width:100%;padding-top:4px;border-top:none;margin:0}.schedule-card-edit-btn{width:100%;min-height:40px;height:40px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px}@media(max-width:767px){.schedule-page-header-row{margin-bottom:4px!important;gap:4px!important}.schedule-page-header-row .page-main-title{font-size:1.2rem!important;margin-bottom:2px!important}.schedule-header-icon{width:22px!important;height:22px!important}.schedule-page-header-row .page-subtitle{font-size:.74rem!important;line-height:1.35!important;color:var(--text-muted)!important}.schedule-action-bar{width:100%;display:flex;flex-direction:column;gap:8px}.schedule-action-row-1{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.schedule-view-switcher{display:inline-flex;height:40px;min-height:40px;padding:3px;border-radius:8px;box-sizing:border-box;align-items:center}.schedule-view-switcher .btn-switcher{height:100%;min-height:34px;padding:0 12px;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:6px}.schedule-btn-edit-main{height:40px;min-height:40px;padding:0 14px;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;border-radius:8px}.schedule-edit-mode-btns{display:flex;align-items:center;gap:6px}.schedule-edit-mode-btns .schedule-btn-save,.schedule-edit-mode-btns .schedule-btn-cancel{height:40px;min-height:40px;padding:0 12px;font-size:.78rem;font-weight:700;border-radius:8px}.schedule-action-row-2{width:100%;display:flex;align-items:center;gap:6px}.schedule-action-btn{flex:1;min-width:0;height:40px;min-height:40px;padding:0 6px;font-size:.72rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px;border-radius:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.schedule-btn-refresh{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.schedule-refresh-label{display:none!important}.schedule-period-filter-card{padding:10px 12px;gap:8px;display:flex;flex-direction:column;align-items:stretch;border-radius:10px}.schedule-period-nav-group{display:flex;flex-direction:column;gap:8px;width:100%}.schedule-period-nav-bar{display:grid!important;grid-template-columns:42px minmax(0,1fr) minmax(0,.65fr) 42px!important;gap:6px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;align-items:center!important}.schedule-period-nav-bar>*{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.schedule-nav-arrow-btn{width:42px!important;min-width:0!important;max-width:42px!important;height:40px!important;min-height:40px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;box-sizing:border-box!important}.schedule-nav-text{display:none!important}.schedule-select-month{min-width:0!important;max-width:100%!important;width:100%!important;height:40px!important;min-height:40px!important;font-size:.8rem!important;font-weight:700!important;border-radius:8px!important;padding:0 6px!important;box-sizing:border-box!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.schedule-select-year{min-width:0!important;max-width:100%!important;width:100%!important;height:40px!important;min-height:40px!important;font-size:.8rem!important;font-weight:700!important;border-radius:8px!important;padding:0 4px!important;box-sizing:border-box!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.schedule-cutoff-badge{width:100%!important;max-width:100%!important;text-align:center!important;padding:8px 10px!important;font-size:.78rem!important;font-weight:700!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;white-space:normal!important;word-break:break-word!important}.schedule-legend-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px 8px!important;width:100%!important;padding-top:8px!important;border-top:1px solid var(--border)!important;box-sizing:border-box!important}.schedule-legend-item{font-size:.74rem!important;gap:5px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important;display:inline-flex!important;align-items:center!important}.schedule-legend-item .legend-label{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.schedule-mobile-date-filter-box{padding:4px 10px!important;gap:8px!important;height:44px!important;min-height:44px!important;box-sizing:border-box!important;align-items:center!important}.schedule-mobile-date-filter-label{font-size:.76rem!important;font-weight:700!important;color:var(--text-muted)!important;white-space:nowrap!important;display:inline-flex!important;align-items:center!important;gap:4px!important;flex-shrink:0!important}.schedule-mobile-date-filter-select{flex:1!important;min-width:0!important;height:34px!important;min-height:34px!important;font-size:.78rem!important;font-weight:700!important;border-radius:6px!important;padding:0 8px!important;box-sizing:border-box!important}.schedule-mobile-card{padding:10px 12px;gap:8px}}@media(max-width:360px){.schedule-legend-grid{grid-template-columns:repeat(2,1fr)!important;gap:3px 6px!important}.schedule-legend-item{font-size:.68rem!important}.schedule-period-nav-bar{gap:4px!important;grid-template-columns:38px minmax(0,1fr) minmax(0,.65fr) 38px!important}.schedule-nav-arrow-btn{width:38px!important;max-width:38px!important}.schedule-action-btn{font-size:.67rem!important;padding:0 3px!important;gap:2px!important;letter-spacing:-.2px!important}.schedule-view-switcher .btn-switcher{padding:0 8px!important;font-size:.74rem!important}}.recipe-master-detail-layout{display:block;width:100%}@media(max-width:900px){.recipe-master-detail-layout{display:block;width:100%}}.marketplace-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;width:100%;margin-bottom:16px}.marketplace-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-xs)}@media(max-width:480px){.marketplace-kpi-grid{grid-template-columns:1fr}}.stage3-review-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px;background:var(--surface);border-top:1px solid var(--border);box-sizing:border-box;width:100%}.btn-action-back,.btn-action-save{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-main);font-weight:700;display:inline-flex;align-items:center;gap:6px;font-size:.84rem;cursor:pointer}.btn-action-pay{background:var(--primary);color:#fff;border:1px solid var(--primary);border-radius:8px;padding:8px 16px;font-weight:800;display:inline-flex;align-items:center;gap:8px;font-size:.92rem;cursor:pointer;flex:1;justify-content:center}@media(max-width:768px){body,html,#root,.pos-app-layout,.page-content-container,.inventory-page-container,.pos-page-wrapper{max-width:100vw!important;overflow-x:hidden!important;box-sizing:border-box!important}}@media(max-width:480px){.table-responsive-card{border-radius:8px;padding:8px}}.recipe-master-detail-layout{display:block;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:1024px){.recipe-master-detail-layout{display:block;width:100%}}@media(max-width:767px){.recipe-master-detail-layout{display:flex;flex-direction:column;gap:14px;width:100%;max-width:100%;box-sizing:border-box}.recipe-master-detail-layout.show-mobile-detail .recipe-list-card{display:none!important}.recipe-master-detail-layout:not(.show-mobile-detail) .recipe-detail-card{display:none!important}.desktop-table-container{display:none!important}.mobile-recipe-components-list{display:flex!important}.desktop-financial-summary{display:none!important}.mobile-financial-summary{display:flex!important}.mobile-recipe-back-btn{display:inline-flex!important}.hidden-on-mobile-detail{display:none!important}}@media(min-width:768px){.mobile-recipe-back-btn{display:none!important}.desktop-table-container{display:block!important}.mobile-recipe-components-list{display:none!important}.desktop-financial-summary{display:grid!important}.mobile-financial-summary{display:none!important}}.reports-tabs-bar{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:8px;margin-bottom:16px;border-bottom:1px solid var(--border);width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.reports-filter-container{background:var(--surface);padding:12px 16px;border-radius:12px;border:1px solid var(--border);margin-bottom:20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-xs);width:100%;max-width:100%;box-sizing:border-box}.reports-filter-row{display:flex;align-items:flex-end;flex-wrap:nowrap;gap:12px;width:100%;box-sizing:border-box;overflow:hidden}.reports-filter-row.row-divider{padding-top:10px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.reports-filter-field{display:flex;flex-direction:column;gap:4px;min-width:0;box-sizing:border-box}.reports-filter-label{font-size:.74rem;font-weight:700;color:var(--text-muted);display:flex;align-items:center;gap:4px;white-space:nowrap;margin:0;line-height:1.2}.reports-control-select,select.reports-control-select{height:38px!important;border-radius:8px!important;border:1px solid var(--border)!important;background-color:var(--surface)!important;color:var(--text-primary)!important;font-size:.82rem!important;font-weight:500!important;padding:0 28px 0 10px!important;cursor:pointer;outline:none;box-sizing:border-box}.reports-control-select:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-soft)!important}.reports-control-search,input.reports-control-search{height:38px!important;border-radius:8px!important;border:1px solid var(--border)!important;background:var(--surface-2)!important;color:var(--text-primary)!important;font-size:.82rem!important;outline:none;box-sizing:border-box}.reports-control-search:focus{background:var(--surface)!important;border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary-soft)!important}.reports-btn-refresh{height:38px!important;border-radius:8px!important;font-size:.82rem!important}.reports-filter-action{display:flex;align-items:flex-end}.reports-filter-container .period-date-range-wrap{gap:6px;align-items:center}.reports-filter-container .period-date-input,.reports-filter-container input[type=date],.reports-filter-container .period-select,.reports-filter-container select.filter-select{height:38px!important;border-radius:8px!important;font-size:.82rem!important}@media(max-width:768px){.reports-filter-container{padding:10px 12px!important;gap:8px!important;margin-bottom:12px!important;height:auto!important;min-height:0!important}.reports-filter-row{display:flex;flex-direction:row;align-items:flex-end;flex-wrap:wrap;overflow:visible;gap:8px;width:100%;margin-top:0}.reports-filter-row.row-divider{padding-top:8px;border-top:1px solid var(--border-subtle, rgba(255, 255, 255, .06))}.reports-filter-row-top{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))!important;gap:8px!important;align-items:end!important;width:100%!important}.reports-filter-row-top .reports-filter-field{width:100%!important;min-width:0!important;flex:1 1 auto!important}.report-comparison-selector-wrap{flex-wrap:wrap!important;overflow:visible!important}.reports-filter-field{min-width:0;box-sizing:border-box}.reports-filter-row-dates{width:100%!important;margin-top:2px!important}.reports-filter-row-dates .reports-filter-field{width:100%!important}.reports-filter-field.filter-field-dates .period-date-range-wrap{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}.reports-filter-field.filter-field-dates .period-date-field-wrap{width:100%!important;min-width:0!important}.reports-filter-field.filter-field-dates .period-range-separator{display:none!important}.reports-filter-row-bottom{display:flex!important;flex-direction:row!important;align-items:flex-end!important;gap:8px!important;width:100%!important;margin-top:2px!important}.reports-filter-row-bottom .filter-field-outlet{flex:1 1 auto!important;min-width:0!important;width:auto!important}.reports-filter-row-bottom .reports-filter-action{flex:0 0 auto!important;width:auto!important;margin-bottom:0!important}.reports-filter-row-bottom .reports-btn-refresh{width:auto!important;height:38px!important;padding:0 14px!important;font-size:.78rem!important}}.reports-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;width:100%;max-width:100%;box-sizing:border-box}.filter-controls-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 10px);padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;flex-wrap:wrap;gap:12px;box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%}.filter-controls-card .search-input-wrap{position:relative;display:flex;align-items:center;flex:1 1 240px;min-width:200px;max-width:100%}.filter-controls-card .search-input-wrap .search-icon{position:absolute;left:11px;color:var(--text-muted);pointer-events:none}.filter-controls-card .filter-search-field{width:100%;height:var(--control-height, 38px);padding:0 12px 0 34px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.82rem;font-family:inherit;outline:none;transition:all .15s ease;box-sizing:border-box}.filter-controls-card .filter-search-field:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.filter-controls-card .btn-clear-search{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;display:flex;align-items:center}.filter-controls-card .btn-clear-search:hover{color:var(--text-primary)}.filter-controls-card .filter-select-group{display:flex;align-items:center;flex-wrap:wrap;gap:10px;flex:1 1 auto}.filter-controls-card .filter-select,select.filter-select{height:var(--control-height, 38px);padding:0 28px 0 12px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.82rem;font-family:inherit;font-weight:500;outline:none;cursor:pointer;transition:all .15s ease;min-width:120px;max-width:100%;box-sizing:border-box}.filter-controls-card .filter-select:focus,select.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.period-date-range-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.period-date-range-wrap .period-date-input,input.period-date-input{height:var(--control-height, 38px);padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.82rem;font-family:inherit;outline:none;transition:all .15s ease;box-sizing:border-box}.period-date-range-wrap .period-date-input:focus,input.period-date-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.period-range-separator{font-size:.78rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.filter-segmented-wrapper{display:flex;align-items:center;gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.filter-segmented-wrapper::-webkit-scrollbar{display:none}.filter-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-full, 9999px);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.filter-pill-btn:hover:not(.active){background:var(--surface-2);color:var(--text-primary)}.filter-pill-btn.active{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 2px 6px #d2462d40}.marketplace-platform-tabs{display:flex;align-items:center;gap:8px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.marketplace-platform-tabs::-webkit-scrollbar{display:none}.platform-tab-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:var(--radius-sm, 6px);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}.btn-reset-filters{height:var(--control-height, 38px);padding:0 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-muted);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-reset-filters:hover{background:var(--surface-3);color:var(--primary);border-color:var(--primary-border)}@media(max-width:768px){.filter-controls-card{flex-direction:column;align-items:stretch;padding:12px;gap:10px}.filter-controls-card .search-input-wrap{width:100%;min-width:100%;flex:1 1 100%}.filter-controls-card .filter-select-group{flex-direction:column;align-items:stretch;width:100%;gap:8px;flex:1 1 100%}.filter-controls-card .filter-select,select.filter-select{width:100%;min-width:100%;height:42px}.period-date-range-wrap{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.period-date-range-wrap .period-date-input,input.period-date-input{width:100%;height:42px}.period-range-separator{display:none}.period-date-field-wrap{width:100%}.period-selector-wrapper{width:100%;display:flex;flex-direction:column;gap:8px}.period-preset-dropdown-wrap{width:100%}.period-preset-dropdown-wrap .period-select{width:100%;min-width:100%;height:42px}.btn-reset-filters{width:100%;height:42px;text-align:center}}.erp-filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 10px);padding:16px;margin-bottom:20px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-xs);box-sizing:border-box;width:100%}.erp-filter-row{display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box}.erp-filter-row.search-row{width:100%}.erp-filter-row.dropdown-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;width:100%}.erp-filter-row.period-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.erp-filter-row.compare-row{width:100%;padding-top:6px;border-top:1px dashed var(--border-subtle, var(--border))}.erp-filter-row.actions-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:8px;border-top:1px solid var(--border-subtle, var(--border))}.erp-filter-panel .search-input-wrap{position:relative;display:flex;align-items:center;width:100%}.erp-filter-panel .search-input-wrap .search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.erp-filter-panel .filter-search-field{width:100%;height:var(--control-height, 38px);padding:0 34px 0 36px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.84rem;font-family:inherit;outline:none;transition:all .15s ease;box-sizing:border-box}.erp-filter-panel .filter-search-field:focus{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.erp-filter-panel .btn-clear-search{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center}.erp-filter-panel .btn-clear-search:hover{color:var(--text-primary)}.erp-filter-panel .filter-select{height:var(--control-height, 38px);padding:0 28px 0 12px;background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.82rem;font-family:inherit;font-weight:500;outline:none;cursor:pointer;transition:all .15s ease;width:100%;box-sizing:border-box}.erp-filter-panel .filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.erp-filter-panel .period-selector-wrapper{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:100%}.erp-filter-panel .period-preset-dropdown-wrap{display:flex;align-items:center;gap:8px;flex:0 0 auto}.erp-filter-panel .period-label{font-size:.78rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.erp-filter-panel .period-preset-dropdown-wrap .period-select{height:var(--control-height, 38px);min-width:130px}.erp-filter-panel .period-date-range-wrap{display:flex;align-items:center;gap:8px;flex:1 1 auto}.erp-filter-panel .period-date-field-wrap{flex:1 1 130px}.erp-filter-panel .period-date-field-wrap .period-date-input{width:100%;height:var(--control-height, 38px);padding:0 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.82rem;font-family:inherit;outline:none;box-sizing:border-box}.erp-filter-panel .period-date-field-wrap .period-date-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.erp-filter-panel .period-range-separator{font-size:.78rem;font-weight:700;color:var(--text-muted);padding:0 4px}@media(max-width:768px){.erp-filter-panel{padding:12px;gap:10px}.erp-filter-row.dropdown-row{grid-template-columns:1fr;gap:8px}.erp-filter-row.period-row,.erp-filter-panel .period-selector-wrapper{flex-direction:column;align-items:stretch;gap:8px}.erp-filter-panel .period-preset-dropdown-wrap{width:100%;display:flex}.erp-filter-panel .period-preset-dropdown-wrap .period-select{flex:1;width:100%;height:42px}.erp-filter-panel .period-date-range-wrap{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.erp-filter-panel .period-date-field-wrap{width:100%}.erp-filter-panel .period-date-field-wrap .period-date-input{width:100%;height:42px}.erp-filter-panel .period-range-separator{display:none}.erp-filter-panel .filter-search-field,.erp-filter-panel .filter-select{height:42px}.erp-filter-row.actions-row{flex-direction:column;align-items:stretch;gap:8px}.erp-filter-row.actions-row .btn-reset-filters,.erp-filter-row.actions-row .export-button-group{width:100%}}.tx-compact-filter-panel,.market-compact-filter-panel,.event-sales-compact-filter-panel,.prospect-compact-filter-panel,.expenses-compact-filter-panel,.purchases-compact-filter-panel,.payroll-compact-filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md, 10px);padding:12px 14px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 3px #00000008;box-sizing:border-box;width:100%}.tx-filter-row-1,.tx-filter-row-2,.market-filter-row-1,.market-filter-row-2,.event-sales-filter-row-1,.event-sales-filter-row-2,.prospect-filter-row-1,.prospect-filter-row-2,.expenses-filter-row-1,.expenses-filter-row-2,.purchases-filter-row-1,.purchases-filter-row-2,.payroll-filter-row-1,.payroll-filter-row-2{display:flex;align-items:center;gap:8px;width:100%;flex-wrap:nowrap;box-sizing:border-box}.tx-search-wrap,.market-search-wrap,.event-sales-search-wrap,.prospect-search-wrap,.expenses-search-wrap,.purchases-search-wrap,.payroll-search-wrap{flex:1 1 200px;min-width:160px;position:relative;display:flex;align-items:center}.tx-select-status,.tx-select-outlet,.market-select-outlet,.market-select-status,.event-sales-select-status,.prospect-select-status,.prospect-select-pic,.expenses-select-type,.expenses-select-outlet,.expenses-select-category,.expenses-select-status,.purchases-select-outlet,.purchases-select-supplier,.purchases-select-status,.payroll-select-month,.payroll-select-year{height:38px!important;font-size:.82rem}.tx-select-status{flex:0 0 150px;min-width:130px}.tx-select-outlet{flex:0 0 160px;min-width:140px}.market-select-outlet,.market-select-status{flex:0 0 160px;min-width:130px}.event-sales-select-status{flex:0 0 200px;min-width:160px}.prospect-select-status{flex:0 0 180px;min-width:150px}.prospect-select-pic{flex:0 0 170px;min-width:140px}.expenses-select-type,.expenses-select-outlet{flex:0 0 140px;min-width:120px}.expenses-select-category{flex:0 0 150px;min-width:130px}.expenses-select-status{flex:0 0 130px;min-width:110px}.purchases-select-outlet,.purchases-select-supplier,.purchases-select-status{flex:0 0 150px;min-width:130px}.payroll-select-month{flex:0 0 130px;min-width:110px}.payroll-select-year{flex:0 0 95px;min-width:80px}.payroll-working-days-badge{display:flex;align-items:center;justify-content:space-between;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);padding:0 10px;height:38px;box-sizing:border-box;flex:0 0 auto}.payroll-working-days-label{font-size:.74rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.payroll-working-days-input-wrap{display:flex;align-items:center;gap:3px}.payroll-working-days-input{width:34px;border:none;background:transparent;font-weight:800;font-size:.84rem;color:var(--text-main);text-align:center;outline:none}.payroll-working-days-unit{font-size:.74rem;color:var(--text-muted)}.payroll-status-badge{padding:0 10px;border-radius:var(--radius-sm, 6px);font-size:.74rem;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px;height:38px;box-sizing:border-box;white-space:nowrap;flex:0 0 auto}.payroll-cutoff-badge{padding:0 10px;border-radius:var(--radius-sm, 6px);background:var(--primary-subtle, rgba(37, 99, 235, .08));border:1px solid var(--border);font-weight:700;font-size:.76rem;color:var(--primary, #2563eb);height:38px;display:flex;align-items:center;box-sizing:border-box;white-space:nowrap;flex:0 0 auto}.tx-filter-period-preset,.market-filter-period-preset,.event-sales-filter-period-preset,.prospect-filter-period-preset,.expenses-filter-period-preset,.purchases-filter-period-preset{flex:0 0 auto}.tx-filter-period-preset .period-preset-dropdown-wrap,.market-filter-period-preset .period-preset-dropdown-wrap,.event-sales-filter-period-preset .period-preset-dropdown-wrap,.prospect-filter-period-preset .period-preset-dropdown-wrap,.expenses-filter-period-preset .period-preset-dropdown-wrap,.purchases-filter-period-preset .period-preset-dropdown-wrap{display:flex;align-items:center;gap:6px}.tx-filter-period-preset .period-label,.market-filter-period-preset .period-label,.event-sales-filter-period-preset .period-label,.prospect-filter-period-preset .period-label,.expenses-filter-period-preset .period-label,.purchases-filter-period-preset .period-label{font-size:.78rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.tx-filter-period-preset .period-select,.market-filter-period-preset .period-select,.event-sales-filter-period-preset .period-select,.prospect-filter-period-preset .period-select,.expenses-filter-period-preset .period-select,.purchases-filter-period-preset .period-select{height:38px!important;min-width:125px}.tx-filter-dates,.market-filter-dates,.event-sales-filter-dates,.prospect-filter-dates,.expenses-filter-dates,.purchases-filter-dates{flex:0 0 auto}.tx-filter-dates .period-date-range-wrap,.market-filter-dates .period-date-range-wrap,.event-sales-filter-dates .period-date-range-wrap,.prospect-filter-dates .period-date-range-wrap,.expenses-filter-dates .period-date-range-wrap,.purchases-filter-dates .period-date-range-wrap{display:flex;align-items:center;gap:6px}.tx-filter-dates .period-date-field-wrap,.market-filter-dates .period-date-field-wrap,.event-sales-filter-dates .period-date-field-wrap,.prospect-filter-dates .period-date-field-wrap,.expenses-filter-dates .period-date-field-wrap,.purchases-filter-dates .period-date-field-wrap{display:flex;align-items:center;gap:4px}.tx-filter-dates .period-date-sublabel,.market-filter-dates .period-date-sublabel,.event-sales-filter-dates .period-date-sublabel,.prospect-filter-dates .period-date-sublabel,.expenses-filter-dates .period-date-sublabel,.purchases-filter-dates .period-date-sublabel{font-size:.76rem;font-weight:700;color:var(--text-muted);white-space:nowrap}.tx-filter-dates .period-date-input,.market-filter-dates .period-date-input,.event-sales-filter-dates .period-date-input,.prospect-filter-dates .period-date-input,.expenses-filter-dates .period-date-input,.purchases-filter-dates .period-date-input{height:38px!important;width:125px;padding:0 8px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm, 6px);color:var(--text-primary);font-size:.82rem;font-family:inherit;outline:none;box-sizing:border-box;transition:all .15s ease}.tx-filter-dates .period-range-separator,.market-filter-dates .period-range-separator,.event-sales-filter-dates .period-range-separator,.prospect-filter-dates .period-range-separator,.expenses-filter-dates .period-range-separator,.purchases-filter-dates .period-range-separator{font-size:.76rem;font-weight:700;color:var(--text-muted);padding:0 2px}.tx-filter-compare,.market-filter-compare,.event-sales-filter-compare{flex:0 1 auto;min-width:140px}.tx-filter-compare .report-comparison-selector-wrap,.market-filter-compare .report-comparison-selector-wrap,.event-sales-filter-compare .report-comparison-selector-wrap{display:flex;align-items:center;gap:6px}.tx-filter-spacer,.market-filter-spacer,.event-sales-filter-spacer,.prospect-filter-spacer,.expenses-filter-spacer,.purchases-filter-spacer,.payroll-filter-spacer{flex:1 1 auto}.tx-filter-actions,.market-filter-actions,.event-sales-filter-actions,.prospect-filter-actions,.expenses-filter-actions,.purchases-filter-actions,.payroll-filter-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto}.tx-filter-actions .btn-reset-filters,.market-filter-actions .btn-reset-filters,.event-sales-filter-actions .btn-reset-filters,.prospect-filter-actions .btn-reset-filters{height:38px;padding:0 12px;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm, 6px);border:1px solid var(--border);background:var(--surface-2, rgba(0, 0, 0, .04));color:var(--text-muted);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease}.tx-filter-actions .btn-reset-filters:hover,.market-filter-actions .btn-reset-filters:hover,.event-sales-filter-actions .btn-reset-filters:hover,.prospect-filter-actions .btn-reset-filters:hover{background:var(--primary-soft, rgba(210, 70, 45, .1));color:var(--primary);border-color:var(--primary)}.tx-filter-actions .export-button-group,.expenses-filter-actions .export-button-group,.purchases-filter-actions .export-button-group,.payroll-filter-actions .export-button-group{display:inline-flex;align-items:center;gap:6px}.tx-filter-actions .export-btn-action,.tx-filter-actions .print-btn-action,.expenses-filter-actions .export-btn-action,.expenses-filter-actions .print-btn-action,.purchases-filter-actions .export-btn-action,.purchases-filter-actions .print-btn-action,.payroll-filter-actions .export-btn-action,.payroll-filter-actions .print-btn-action{height:38px}@media(max-width:1024px){.tx-filter-row-1,.tx-filter-row-2,.market-filter-row-1,.market-filter-row-2,.event-sales-filter-row-1,.event-sales-filter-row-2,.prospect-filter-row-1,.prospect-filter-row-2,.expenses-filter-row-1,.expenses-filter-row-2,.purchases-filter-row-1,.purchases-filter-row-2,.payroll-filter-row-1,.payroll-filter-row-2{flex-wrap:wrap;gap:8px}.tx-search-wrap,.market-search-wrap,.event-sales-search-wrap,.prospect-search-wrap,.expenses-search-wrap,.purchases-search-wrap,.payroll-search-wrap{flex:1 1 100%;min-width:100%}.expenses-select-type,.expenses-select-outlet,.expenses-select-category,.expenses-select-status,.purchases-select-outlet,.purchases-select-supplier,.purchases-select-status,.payroll-select-month,.payroll-select-year{flex:1 1 calc(50% - 6px)}}@media(max-width:768px){.tx-compact-filter-panel,.market-compact-filter-panel,.event-sales-compact-filter-panel,.prospect-compact-filter-panel,.expenses-compact-filter-panel,.purchases-compact-filter-panel,.payroll-compact-filter-panel{padding:10px;gap:8px}.tx-filter-row-1,.tx-filter-row-2,.market-filter-row-1,.market-filter-row-2,.event-sales-filter-row-1,.event-sales-filter-row-2,.prospect-filter-row-1,.prospect-filter-row-2,.expenses-filter-row-1,.expenses-filter-row-2,.purchases-filter-row-1,.purchases-filter-row-2,.payroll-filter-row-1,.payroll-filter-row-2{flex-direction:column;align-items:stretch;gap:8px}.tx-search-wrap,.market-search-wrap,.event-sales-search-wrap,.prospect-search-wrap,.expenses-search-wrap,.purchases-search-wrap,.payroll-search-wrap{width:100%}.tx-select-status,.tx-select-outlet,.market-select-outlet,.market-select-status,.event-sales-select-status,.prospect-select-status,.prospect-select-pic,.expenses-select-type,.expenses-select-outlet,.expenses-select-category,.expenses-select-status,.purchases-select-outlet,.purchases-select-supplier,.purchases-select-status,.payroll-select-month,.payroll-select-year{width:100%;flex:1 1 100%}.tx-filter-period-preset,.market-filter-period-preset,.event-sales-filter-period-preset,.prospect-filter-period-preset,.expenses-filter-period-preset,.purchases-filter-period-preset{width:100%}.tx-filter-period-preset .period-preset-dropdown-wrap,.market-filter-period-preset .period-preset-dropdown-wrap,.event-sales-filter-period-preset .period-preset-dropdown-wrap,.prospect-filter-period-preset .period-preset-dropdown-wrap,.expenses-filter-period-preset .period-preset-dropdown-wrap,.purchases-filter-period-preset .period-preset-dropdown-wrap{width:100%;display:flex}.tx-filter-period-preset .period-select,.market-filter-period-preset .period-select,.event-sales-filter-period-preset .period-select,.prospect-filter-period-preset .period-select,.expenses-filter-period-preset .period-select,.purchases-filter-period-preset .period-select{width:100%;flex:1}.tx-filter-dates,.market-filter-dates,.event-sales-filter-dates,.prospect-filter-dates,.expenses-filter-dates,.purchases-filter-dates{width:100%}.tx-filter-dates .period-date-range-wrap,.market-filter-dates .period-date-range-wrap,.event-sales-filter-dates .period-date-range-wrap,.prospect-filter-dates .period-date-range-wrap,.expenses-filter-dates .period-date-range-wrap,.purchases-filter-dates .period-date-range-wrap{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.tx-filter-dates .period-date-field-wrap,.market-filter-dates .period-date-field-wrap,.event-sales-filter-dates .period-date-field-wrap,.prospect-filter-dates .period-date-field-wrap,.expenses-filter-dates .period-date-field-wrap,.purchases-filter-dates .period-date-field-wrap{width:100%;flex-direction:column;align-items:flex-start;gap:2px}.tx-filter-dates .period-date-input,.market-filter-dates .period-date-input,.event-sales-filter-dates .period-date-input,.prospect-filter-dates .period-date-input,.expenses-filter-dates .period-date-input,.purchases-filter-dates .period-date-input{width:100%}.tx-filter-dates .period-range-separator,.market-filter-dates .period-range-separator,.event-sales-filter-dates .period-range-separator,.prospect-filter-dates .period-range-separator,.expenses-filter-dates .period-range-separator,.purchases-filter-dates .period-range-separator{display:none}.tx-filter-compare,.market-filter-compare,.event-sales-filter-compare{width:100%}.tx-filter-spacer,.market-filter-spacer,.event-sales-filter-spacer,.prospect-filter-spacer,.expenses-filter-spacer,.purchases-filter-spacer,.payroll-filter-spacer{display:none}.tx-filter-actions,.market-filter-actions,.event-sales-filter-actions,.prospect-filter-actions,.expenses-filter-actions,.payroll-filter-actions{width:100%;flex-direction:column;align-items:stretch;gap:8px;margin-left:0}.tx-filter-actions .btn-reset-filters,.market-filter-actions .btn-reset-filters,.event-sales-filter-actions .btn-reset-filters,.prospect-filter-actions .btn-reset-filters,.tx-filter-actions .export-button-group,.expenses-filter-actions .export-button-group,.payroll-filter-actions .export-button-group{width:100%}.export-button-group{display:flex}.export-btn-action,.print-btn-action{flex:1;justify-content:center}}@media(max-width:767px){.page-header .header-actions.page-actions-bar{width:100%;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.page-header .header-actions.page-actions-bar .btn{flex:1 1 auto;justify-content:center;font-size:.78rem;padding:6px 10px}.reports-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}}.modal-overlay,.standard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal-primary, 1000);background:#0000007a;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.modal-card,.standard-modal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg, 14px);width:100%;max-width:600px;max-height:calc(100vh - 48px);box-shadow:0 20px 60px #00000040;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.modal-header,.standard-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--surface);flex-shrink:0}.modal-header .modal-title-wrap,.standard-modal-header .modal-title-wrap{display:flex;align-items:center;gap:10px}.modal-header .modal-title-wrap h3,.standard-modal-header .modal-title-wrap h3{margin:0;font-size:.96rem;font-weight:800;color:var(--text-primary)}.modal-header .btn-close,.standard-modal-header .btn-close{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;min-width:36px;min-height:36px;transition:all .15s ease}.modal-header .btn-close:hover,.standard-modal-header .btn-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal-body,.standard-modal-body{overflow-y:auto;flex:1 1 auto;padding:20px;display:flex;flex-direction:column;gap:16px;box-sizing:border-box}.modal-footer,.standard-modal-footer{padding:14px 20px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface-2);flex-shrink:0;box-sizing:border-box}@media(max-width:640px){.modal-overlay,.standard-modal-overlay{padding:12px}.modal-card,.standard-modal-card{max-height:calc(100vh - 24px);border-radius:12px}.modal-header,.standard-modal-header{padding:14px 16px}.modal-body,.standard-modal-body{padding:16px;gap:14px}.modal-footer,.standard-modal-footer{padding:12px 16px}}.report-directory-page,.report-viewer-page{width:100%;max-width:1360px;margin:0 auto;padding:24px 20px 60px;box-sizing:border-box}.report-directory-inner,.report-viewer-inner{width:100%;max-width:100%;display:flex;flex-direction:column;box-sizing:border-box}.report-directory-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;flex-wrap:wrap;gap:12px}.report-directory-header .page-title{font-size:1.65rem;font-weight:900;color:var(--text-main);margin-bottom:4px;letter-spacing:-.02em}.report-directory-header .page-subtitle{font-size:.86rem;color:var(--text-muted)}.report-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 8px #00000008;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.report-card-header{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--surface-2)}.report-card-header h2,.report-card-header .category-title{font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-main);margin:0}.card-title-wrap{display:flex;align-items:center;gap:8px}.star-icon-title.filled{color:#eab308;fill:#eab308}.badge-count{font-size:.74rem;font-weight:700;padding:2px 9px;border-radius:12px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted)}.report-card-body{padding:4px 0}.report-favorite-section{margin-bottom:22px}.favorite-card{border-color:#eab30859}.empty-favorite-state{padding:28px 20px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:8px;font-size:.86rem}.empty-star{color:#eab308;opacity:.6}.report-search-section{margin-bottom:22px}.report-search-box{display:flex;align-items:center;width:100%;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:0 14px;box-sizing:border-box;transition:all .15s ease}.report-search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.report-search-box .search-icon{color:var(--text-muted);flex-shrink:0}.report-search-input{flex:1;height:46px;background:transparent;border:none;outline:none;font-size:.92rem;color:var(--text-main);padding:0 12px}.btn-clear-search{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:color .15s}.btn-clear-search:hover{color:var(--text-main)}.report-categories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.report-rows-list,.report-rows-grid{display:flex;flex-direction:column}.report-row-item{display:flex;align-items:center;justify-content:space-between;padding:11px 18px;min-height:44px;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s ease,color .15s ease;box-sizing:border-box}.report-row-item:last-child{border-bottom:none}.report-row-item:hover{background:var(--surface-2)}.report-row-item .row-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.report-name{font-size:.88rem;font-weight:600;color:var(--text-main);white-space:normal;word-break:break-word;transition:color .15s ease}.report-row-item:hover .report-name{color:var(--primary)}.report-row-item .chevron-icon{color:var(--text-muted);flex-shrink:0;transition:transform .15s ease,color .15s ease}.report-row-item:hover .chevron-icon{transform:translate(3px);color:var(--primary)}.btn-star-toggle{background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;color:var(--text-muted);transition:transform .15s ease,color .15s ease;flex-shrink:0}.btn-star-toggle:hover{color:#eab308;transform:scale(1.15)}.btn-star-toggle.active .star-icon,.star-icon.filled{color:#eab308;fill:#eab308}.empty-search-card{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted)}.empty-search-card h3{font-size:1.1rem;font-weight:800;color:var(--text-main);margin:0}.report-viewer-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.btn-back-directory{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-main);font-size:.84rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-back-directory:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.report-viewer-header-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #00000008}.report-header-main{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--border)}.category-pill-badge{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:2px 8px;border-radius:6px;background:#2563eb1a;color:var(--primary);margin-bottom:6px;text-transform:uppercase}.report-title{font-size:1.45rem;font-weight:900;color:var(--text-main);margin:0 0 4px}.report-desc{font-size:.84rem;color:var(--text-muted);margin:0}.report-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-fav-header{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-main);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-fav-header.active{border-color:#eab30880;background:#eab30814;color:#b45309}.btn-fav-header.active .star-icon,.btn-fav-header.active svg{color:#eab308;fill:#eab308}.report-filter-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.report-content-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:40px 24px;box-shadow:0 2px 8px #00000008}.report-empty-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--text-muted);max-width:480px;margin:0 auto}.empty-content-icon{color:var(--primary);opacity:.7}@media(max-width:900px){.report-categories-grid{grid-template-columns:1fr;gap:16px}.report-directory-page,.report-viewer-page{padding:14px 12px 60px}.report-row-item{min-height:48px;padding:12px 14px}.report-directory-header .page-title{font-size:1.4rem}.report-search-input{height:44px}}@media(max-width:768px){.tx-segmented-wrapper,.market-platform-wrapper,.event-sales-segmented-wrapper,.prospect-segmented-wrapper{display:grid!important;width:100%!important;max-width:100%!important;gap:4px!important;padding:3px!important;box-sizing:border-box!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:hidden!important;margin-bottom:12px!important}.tx-segmented-wrapper,.market-platform-wrapper{grid-template-columns:repeat(4,1fr)!important}.event-sales-segmented-wrapper,.prospect-segmented-wrapper{grid-template-columns:repeat(3,1fr)!important}.tx-segmented-wrapper .filter-pill-btn,.event-sales-segmented-wrapper .filter-pill-btn,.prospect-segmented-wrapper .filter-pill-btn,.market-platform-wrapper .platform-tab-btn{width:100%!important;min-width:0!important;padding:7px 4px!important;font-size:.76rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;text-align:center!important;box-sizing:border-box!important;flex-shrink:1!important}.tx-compact-filter-panel,.market-compact-filter-panel,.event-sales-compact-filter-panel,.prospect-compact-filter-panel{padding:8px 10px!important;gap:6px!important;margin-bottom:12px!important;box-sizing:border-box!important;width:100%!important}.tx-filter-row-1,.market-filter-row-1,.event-sales-filter-row-1,.prospect-filter-row-1,.tx-filter-row-2,.market-filter-row-2,.event-sales-filter-row-2,.prospect-filter-row-2{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;gap:6px!important;width:100%!important;align-items:center!important}.tx-search-wrap,.market-search-wrap,.event-sales-search-wrap,.prospect-search-wrap{flex:1 1 100%!important;width:100%!important;min-width:100%!important}.tx-filter-panel .filter-search-field,.market-compact-filter-panel .filter-search-field,.event-sales-compact-filter-panel .filter-search-field,.prospect-compact-filter-panel .filter-search-field{height:36px!important;font-size:.82rem!important}.tx-select-status,.tx-select-outlet{flex:1 1 calc(33.333% - 4px)!important;min-width:80px!important;height:36px!important;font-size:.78rem!important;padding:0 4px!important}.tx-filter-period-preset{flex:1 1 calc(33.333% - 4px)!important;min-width:80px!important;width:auto!important}.tx-filter-period-preset .period-preset-dropdown-wrap{width:100%!important}.tx-filter-period-preset .period-label{display:none!important}.tx-filter-period-preset .period-select{width:100%!important;height:36px!important;font-size:.78rem!important;min-width:0!important;padding:0 4px!important}.tx-filter-dates{width:100%!important}.tx-filter-dates .period-date-range-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important;width:100%!important}.tx-filter-dates .period-date-input{height:36px!important;font-size:.78rem!important}.market-select-outlet,.market-select-status{flex:1 1 calc(50% - 3px)!important;min-width:100px!important;height:36px!important;font-size:.78rem!important}.market-filter-period-preset{flex:1 1 calc(50% - 3px)!important;min-width:100px!important;width:auto!important}.market-filter-period-preset .period-preset-dropdown-wrap{width:100%!important}.market-filter-period-preset .period-label{display:none!important}.market-filter-period-preset .period-select{width:100%!important;height:36px!important;font-size:.78rem!important;min-width:0!important}.market-filter-dates{flex:1 1 calc(50% - 3px)!important;min-width:100px!important;width:auto!important}.market-filter-dates .period-date-range-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important}.market-filter-dates .period-date-input{height:36px!important;font-size:.78rem!important;width:100%!important}.event-sales-select-status{flex:1 1 calc(50% - 3px)!important;min-width:100px!important;height:36px!important;font-size:.78rem!important}.event-sales-filter-period-preset{flex:1 1 calc(50% - 3px)!important;min-width:100px!important;width:auto!important}.event-sales-filter-period-preset .period-preset-dropdown-wrap{width:100%!important}.event-sales-filter-period-preset .period-label{display:none!important}.event-sales-filter-period-preset .period-select{width:100%!important;height:36px!important;font-size:.78rem!important;min-width:0!important}.event-sales-filter-dates{flex:1 1 100%!important;width:100%!important}.event-sales-filter-dates .period-date-range-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important}.event-sales-filter-dates .period-date-input{height:36px!important;font-size:.78rem!important;width:100%!important}.prospect-select-status,.prospect-select-pic{flex:1 1 calc(50% - 3px)!important;min-width:100px!important;height:36px!important;font-size:.78rem!important}.prospect-filter-period-preset{flex:1 1 100%!important;width:100%!important}.prospect-filter-period-preset .period-preset-dropdown-wrap{width:100%!important}.prospect-filter-period-preset .period-label{display:none!important}.prospect-filter-period-preset .period-select{width:100%!important;height:36px!important;font-size:.78rem!important;min-width:0!important}.prospect-filter-dates{flex:1 1 100%!important;width:100%!important}.prospect-filter-dates .period-date-range-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4px!important;width:100%!important}.prospect-filter-dates .period-date-input{height:36px!important;font-size:.78rem!important;width:100%!important}.schedule-table-employee .col-status-kerja{display:none!important}.schedule-table-employee th.col-tanggal,.schedule-table-employee td.col-tanggal{width:78px!important;min-width:72px!important;max-width:82px!important;padding:7px 4px!important;font-size:.78rem!important;white-space:nowrap!important}.schedule-table-employee th.col-hari,.schedule-table-employee td.col-hari{width:52px!important;min-width:48px!important;max-width:56px!important;padding:7px 4px!important;font-size:.78rem!important;white-space:nowrap!important}.schedule-table-employee th.col-outlet,.schedule-table-employee td.col-outlet{width:auto!important;padding:7px 6px!important}.schedule-table-employee th.col-keterangan,.schedule-table-employee td.col-keterangan{max-width:85px!important;padding:7px 4px!important;font-size:.74rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}@media(max-width:640px){.km-settings-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding-bottom:24px!important}.km-settings-actions button{width:100%!important;justify-content:center!important;min-height:42px!important;box-sizing:border-box!important}}.customer-header-actions,.users-header-actions{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%}.expenses-mobile-grid-row,.payroll-mobile-grid-row,.assets-filter-row-2,.assets-filter-row-3,.assets-filter-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}.assets-filter-controls-card{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.assets-filter-row-1{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.assets-filter-row-1 .search-input-wrap{flex:1 1 auto!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.assets-filter-row-1 .assets-filter-btn-refresh,.assets-filter-row-1 .assets-filter-btn-reset{width:36px!important;height:36px!important;min-width:36px!important;max-width:36px!important;padding:0!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important}.assets-filter-select-group{display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.assets-filter-row-status-refresh{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}.assets-filter-row-3 .filter-select,.assets-filter-row-status-refresh .filter-select,.assets-filter-row-category-btn,.assets-filter-row-category-btn button,.assets-filter-row-3 .assets-filter-btn-category{width:100%!important;min-width:0!important;height:36px!important;min-height:36px!important;box-sizing:border-box!important}.assets-desktop-actions{display:flex!important;align-items:center;gap:8px;flex-wrap:wrap}.assets-mobile-actions{display:none!important}@media(max-width:767px){.assets-desktop-actions{display:none!important}.assets-mobile-actions{display:flex!important;flex-direction:column;gap:8px;width:100%;margin-top:6px;box-sizing:border-box}.assets-mobile-actions-row-1{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;flex-wrap:nowrap!important;box-sizing:border-box!important}.assets-mobile-btn-deprec{flex:1 1 auto!important;min-width:0!important;min-height:44px!important;height:44px!important;font-size:.82rem!important;font-weight:600!important;white-space:nowrap!important;padding:0 12px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:8px!important;box-sizing:border-box!important}.assets-mobile-btn-icon{flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;box-sizing:border-box!important}.assets-mobile-export-dropdown{position:absolute!important;top:calc(100% + 4px)!important;right:0!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:10px!important;box-shadow:0 10px 25px -5px #00000040,0 8px 10px -6px #0003!important;z-index:100!important;min-width:155px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.assets-mobile-export-item{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 14px!important;min-height:44px!important;font-size:.82rem!important;font-weight:600!important;background:none!important;border:none!important;border-bottom:1px solid var(--border)!important;text-align:left!important;cursor:pointer!important;color:var(--text-primary)!important;width:100%!important;box-sizing:border-box!important}.assets-mobile-export-item:last-child{border-bottom:none!important}.assets-mobile-export-item:hover,.assets-mobile-export-item:active{background:var(--surface-2)!important}.assets-mobile-actions-row-2{width:100%!important;box-sizing:border-box!important}.assets-mobile-actions-row-2 button{width:100%!important;min-height:44px!important;height:44px!important;font-size:.86rem!important;font-weight:700!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important}}.assets-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%;box-sizing:border-box}.assets-kpi-card{background:var(--surface);padding:16px 20px;border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;justify-content:space-between;min-height:100px;box-sizing:border-box}.assets-kpi-header{display:flex;align-items:center;justify-content:space-between}.assets-kpi-label{font-size:.74rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.assets-kpi-icon{width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center}.assets-kpi-value{font-size:1.28rem;font-weight:800;margin-top:8px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.assets-kpi-sub{font-size:.74rem;color:var(--text-muted);margin-top:4px}@media(max-width:1024px){.assets-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.assets-kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.assets-kpi-card{padding:10px 12px;min-height:80px;border-radius:10px}.assets-kpi-label{font-size:.68rem;letter-spacing:.01em}.assets-kpi-icon{width:24px;height:24px}.assets-kpi-value{font-size:1.05rem;margin-top:4px}.assets-kpi-sub{font-size:.68rem;margin-top:2px}}@media(max-width:360px){.assets-kpi-grid{grid-template-columns:1fr;gap:8px}}.assets-form-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;width:100%;box-sizing:border-box}.assets-form-subgrid-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;box-sizing:border-box}@media(max-width:767px){.assets-form-modal-dialog{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;max-height:calc(100vh - 32px)!important;margin:12px!important;border-radius:12px!important}.assets-modal-header{padding:12px 14px!important}.assets-modal-form-body{padding:14px!important;gap:12px!important}.assets-form-modal-grid{grid-template-columns:1fr!important;gap:14px!important}.assets-form-subgrid-2col{grid-template-columns:1fr!important;gap:12px!important}.assets-modal-footer{padding:12px 14px!important;flex-direction:row!important;gap:8px!important}.assets-modal-btn-cancel,.assets-modal-btn-submit{flex:1 1 50%!important;height:38px!important;font-size:.84rem!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important}}.assets-mobile-item-card{cursor:default!important;padding:12px 14px!important}.assets-mobile-item-card .tx-card-footer.assets-mobile-card-actions,.assets-mobile-card-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;width:100%!important;padding-top:10px!important;margin-top:8px!important;border-top:1px solid var(--border)!important;box-sizing:border-box!important}.assets-mobile-btn-action{flex:1 1 0!important;min-width:0!important;height:34px!important;min-height:34px!important;padding:0 4px!important;font-size:.74rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:6px!important;white-space:nowrap!important;box-sizing:border-box!important;cursor:pointer!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-primary)!important;transition:all .15s ease-in-out!important}.assets-mobile-btn-action:hover,.assets-mobile-btn-action:active{background:var(--surface-2)!important}.assets-mobile-btn-action span{white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}.assets-mobile-btn-action.btn-action-lepas{color:#d97706!important}.assets-mobile-btn-action.btn-action-hapus{color:#dc2626!important}@media(max-width:380px){.assets-mobile-item-card{padding:10px!important}.assets-mobile-item-card .tx-card-footer.assets-mobile-card-actions,.assets-mobile-card-actions{gap:4px!important}.assets-mobile-btn-action{height:32px!important;min-height:32px!important;padding:0 2px!important;font-size:.7rem!important;gap:2px!important}}.asset-schedule-desktop-table{display:block}.asset-schedule-mobile-cards{display:none}@media(max-width:767px){.asset-detail-modal-overlay{padding:10px!important}.asset-detail-modal-panel{max-height:calc(100vh - 20px)!important;width:100%!important;border-radius:12px!important}.asset-detail-modal-body{padding:14px 12px!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}.asset-detail-modal-footer{padding:10px 14px!important}.asset-schedule-desktop-table{display:none!important}.asset-schedule-mobile-cards{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}}@media print{body{background:#fff!important;color:#000!important}nav,aside,header .assets-desktop-actions,header .assets-mobile-actions,.assets-filter-controls-card,.btn,button,.tx-card-footer,.no-print{display:none!important}.desktop-table-container{display:block!important;overflow:visible!important}.mobile-transaction-cards-list{display:none!important}table{width:100%!important;border-collapse:collapse!important;font-size:9pt!important}th,td{border:1px solid #ddd!important;padding:6px 8px!important;color:#000!important}}.reports-tabs-bar{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;width:100%;box-sizing:border-box}@media(max-width:480px){.customer-header-actions .btn-primary,.users-header-actions .btn-os-submit{padding:0 10px!important;font-size:.78rem!important}}.event-sales-page-wrapper{padding:16px 12px!important;margin-bottom:12px!important;max-width:100%;box-sizing:border-box}.event-sales-page-title{font-size:21px!important;font-weight:800;line-height:1.2}.event-sales-page-desc{white-space:nowrap!important;font-size:.82rem;color:var(--text-muted, #6B7280)}.event-sales-header-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.event-sales-header-actions .export-button-group{display:contents!important}.btn-event-sales-create{height:38px!important;background:#d2462d!important;color:#fff!important;border:none!important;font-weight:700;border-radius:8px;padding:0 14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}@media(max-width:768px){.event-sales-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.event-sales-header-actions{display:flex!important;flex-wrap:wrap!important;width:100%!important;gap:8px!important}.event-sales-header-actions .export-button-group{display:flex!important;flex:1 1 calc(100% - 50px)!important;gap:8px!important;min-width:0!important}.event-sales-header-actions .export-dropdown-wrapper{flex:1 1 auto!important;min-width:0!important}.event-sales-header-actions .export-btn-action{width:100%!important;justify-content:center!important;height:42px!important;min-height:42px!important;padding:0 10px!important;font-size:.82rem!important}.event-sales-header-actions .print-btn-action{flex:1 1 auto!important;width:auto!important;justify-content:center!important;height:42px!important;min-height:42px!important;padding:0 10px!important;font-size:.82rem!important}.event-sales-header-actions .btn-event-sales-refresh{flex:0 0 42px!important;width:42px!important;height:42px!important;min-height:42px!important}.event-sales-header-actions .btn-event-sales-create{width:100%!important;flex:1 1 100%!important;height:44px!important;min-height:44px!important;justify-content:center!important;font-size:.88rem!important}}@media(max-width:375px){.event-sales-header-actions{gap:6px!important}}.event-kpi-card{padding:8px 10px!important;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box}.event-kpi-val{font-size:.95rem!important;font-weight:800}.event-kpi-label{font-size:.63rem!important;font-weight:700;text-transform:uppercase}[data-theme=dark] .event-sales-page-title{color:#f5f5f5!important}[data-theme=dark] .event-sales-page-desc{color:#a7adb8!important}[data-theme=dark] .event-sales-header-actions .export-btn-action{background:#22262e!important;border-color:#2d333e!important;color:#f5f5f5!important}[data-theme=dark] .event-kpi-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .event-kpi-label{color:#a7adb8!important}[data-theme=dark] .event-kpi-val{color:#f5f5f5!important}[data-theme=dark] .event-kpi-sub{color:#a7adb8!important}.prospect-page-container{width:100%!important;box-sizing:border-box!important;padding:24px 28px!important;overflow-x:hidden!important}.prospect-page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;width:100%;box-sizing:border-box}.prospect-page-header .header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-prospect-refresh{width:38px;height:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);cursor:pointer}.btn-prospect-create{height:38px;min-height:38px;display:inline-flex;align-items:center;gap:6px;padding:0 14px;border-radius:8px;font-weight:700;font-size:.84rem;background:var(--primary, #D2462D)!important;color:#fff!important;border:none;cursor:pointer}.prospect-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:100%;box-sizing:border-box;margin-bottom:16px}.prospect-kpi-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:10px 14px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;min-height:84px;min-width:0!important;max-width:100%!important;overflow:hidden!important;box-shadow:0 1px 3px #00000005}.prospect-kpi-header{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:4px;min-width:0!important}.prospect-kpi-label{font-size:.72rem;font-weight:700;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0!important}.prospect-kpi-val{font-size:1.35rem;font-weight:800;line-height:1.2;color:var(--text-main, #0F172A);margin-bottom:2px}.prospect-kpi-unit{font-size:.75rem;font-weight:600;color:var(--text-muted, #64748B);margin-left:2px}.prospect-kpi-sub{font-size:.72rem;color:var(--text-muted, #64748B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prospect-filter-unified{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:10px!important;width:100%!important;box-sizing:border-box!important;padding:10px 14px!important;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;margin-bottom:16px}.prospect-filter-unified .prospect-search-wrap{flex:1 1 auto!important;min-width:0!important;position:relative!important;display:flex!important;align-items:center!important}.prospect-filter-unified .prospect-search-wrap .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted, #94A3B8)}.prospect-filter-unified .prospect-search-wrap .btn-clear-search{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted, #94A3B8);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center}.prospect-filter-unified .filter-search-field{width:100%!important;height:38px!important;padding:0 34px 0 36px!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #0F172A)!important;font-size:.84rem!important;font-family:inherit!important;box-sizing:border-box!important;outline:none!important;transition:border-color .15s ease,box-shadow .15s ease}.prospect-filter-unified .filter-search-field::placeholder{color:var(--text-muted, #94A3B8);font-size:.84rem;font-family:inherit}.prospect-filter-unified .filter-search-field:focus{border-color:var(--primary, #D2462D)!important;box-shadow:0 0 0 2px #d2462d1f!important}.prospect-filter-middle-group{display:flex;align-items:center;gap:8px;flex:0 0 auto}.prospect-select-category{height:38px!important;padding:0 12px!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #0F172A)!important;font-size:.84rem!important;font-family:inherit!important;font-weight:500!important;cursor:pointer!important;flex:0 0 170px!important;box-sizing:border-box!important;outline:none!important;transition:border-color .15s ease}.prospect-select-category:focus{border-color:var(--primary, #D2462D)!important}.prospect-select-status{height:38px!important;padding:0 12px!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #0F172A)!important;font-size:.84rem!important;font-family:inherit!important;font-weight:500!important;cursor:pointer!important;flex:0 0 180px!important;box-sizing:border-box!important;outline:none!important;transition:border-color .15s ease}.prospect-select-status:focus{border-color:var(--primary, #D2462D)!important}.prospect-btn-reset{height:38px!important;padding:0 12px!important;border-radius:8px!important;font-size:.84rem!important;font-family:inherit!important;font-weight:600!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface-2, #F8FAFC)!important;color:var(--text-muted, #64748B)!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;transition:all .15s ease}.prospect-btn-reset:hover{background:var(--surface-3, #E2E8F0)!important;color:var(--text-main, #0F172A)!important}[data-theme=dark] .prospect-filter-unified{background:var(--surface, #1E293B)!important;border-color:var(--border, #334155)!important}[data-theme=dark] .prospect-filter-unified .filter-search-field,[data-theme=dark] .prospect-select-category,[data-theme=dark] .prospect-select-status{background:var(--surface, #1E293B)!important;border-color:var(--border, #334155)!important;color:var(--text-main, #F1F5F9)!important}[data-theme=dark] .prospect-filter-unified .filter-search-field::placeholder{color:var(--text-muted, #64748B)!important}[data-theme=dark] .prospect-btn-reset{background:var(--surface-2, #334155)!important;border-color:var(--border, #475569)!important;color:var(--text-muted, #94A3B8)!important}.prospect-desktop-table{display:block;width:100%}.prospect-mobile-cards-list{display:none!important;flex-direction:column;gap:10px;width:100%;box-sizing:border-box;padding:12px}.prospect-mobile-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.prospect-mobile-card:hover{border-color:var(--primary, #D2462D);box-shadow:0 2px 8px #0000000a}.prospect-card-row-1{display:flex;align-items:center;justify-content:space-between;gap:8px}.prospect-card-date{display:inline-flex;align-items:center;gap:4px;font-size:.74rem;font-weight:600;color:var(--text-muted, #64748B)}.prospect-status-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:700;line-height:1.4;white-space:nowrap}.prospect-card-title{font-size:.92rem;font-weight:700;color:var(--text-main, #0F172A);line-height:1.3}.prospect-card-tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prospect-code-pill{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;background:var(--surface-2, #F1F5F9);color:var(--primary, #D2462D);border:1px solid var(--border, #E2E8F0)}.prospect-cat-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.prospect-card-meta-line{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted, #64748B);flex-wrap:wrap}.prospect-meta-item{display:inline-flex;align-items:center;gap:4px}.prospect-card-bottom-line{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--border, #E2E8F0);margin-top:2px}.prospect-pic-wrap{display:inline-flex;align-items:center;gap:4px}.prospect-actions-quick{display:inline-flex;align-items:center;gap:6px}.btn-prospect-wa-quick{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:.72rem;font-weight:700;background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3);text-decoration:none}.btn-prospect-open{display:inline-flex;align-items:center;gap:2px;padding:4px 8px;border-radius:6px;font-size:.72rem;font-weight:700;background:var(--surface-2, #F1F5F9);color:var(--text-main, #0F172A);border:1px solid var(--border, #E2E8F0);cursor:pointer}.prospect-modal-dialog{max-width:580px;width:100%;max-height:90vh;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;box-sizing:border-box;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);box-shadow:0 10px 25px #0000001f}.prospect-modal-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid var(--border, #E2E8F0);box-sizing:border-box}.prospect-modal-body{padding:16px 18px;max-height:calc(85vh - 120px);overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;gap:14px}.prospect-converted-banner{display:flex;flex-direction:column;gap:6px;padding:8px 12px;border-radius:8px;background:#22c55e14;border:1px solid rgba(34,197,94,.3);color:#16a34a;box-sizing:border-box;width:100%}.prospect-converted-banner-text{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:600;line-height:1.35;color:#15803d}[data-theme=dark] .prospect-converted-banner{background:#22c55e1f;border-color:#22c55e59}[data-theme=dark] .prospect-converted-banner-text{color:#4ade80}.btn-open-event-sales{align-self:flex-end;display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.74rem;font-weight:700;background:#16a34a;color:#fff!important;text-decoration:none;white-space:nowrap;transition:background .15s ease;line-height:1.2}.btn-open-event-sales:hover{background:#15803d}.prospect-detail-info-card{background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:14px 16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px}.prospect-detail-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.prospect-detail-name{font-size:1.05rem;font-weight:800;color:var(--text-main, #0F172A);margin-bottom:6px;line-height:1.3}.prospect-detail-badges,.prospect-detail-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.prospect-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;padding-top:10px;border-top:1px solid var(--border, #E2E8F0);box-sizing:border-box}.meta-cell{display:flex;flex-direction:column;gap:3px;min-width:0}.cell-label{display:block;font-size:.7rem;font-weight:700;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.04em}.cell-value{display:block;font-size:.85rem;font-weight:600;color:var(--text-main, #0F172A);word-break:break-word;line-height:1.35}.cell-value-wa{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-main, #0F172A)}.prospect-notes-box{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:8px;padding:10px 12px;font-size:.8rem;color:var(--text-secondary, #334155);line-height:1.45}.prospect-followup-section{display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.followup-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.followup-section-title{display:flex;align-items:center;gap:6px;font-size:.86rem;font-weight:700;color:var(--text-main, #0F172A)}.btn-add-followup{height:28px;padding:0 10px;font-size:.74rem;font-weight:700}.followup-add-form{background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E2E8F0);border-radius:8px;padding:12px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:10px}.followup-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.followup-form-label{display:block;font-size:.72rem;font-weight:700;color:var(--text-secondary, #475569);margin-bottom:3px}.followup-date-input{height:32px;font-size:.78rem;max-width:220px}.followup-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px;flex-wrap:wrap}.followup-logs-list{display:flex;flex-direction:column;gap:8px}.followup-log-card{background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E2E8F0);border-radius:8px;padding:10px 12px;box-sizing:border-box;display:flex;flex-direction:column;gap:4px}.followup-log-header{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:.74rem}.followup-log-meta-left{display:flex;align-items:center;gap:6px}.followup-log-badge{font-weight:800;color:var(--primary, #D2462D);font-size:.7rem}.followup-log-date{font-weight:600;color:var(--text-muted, #64748B)}.followup-log-next{font-size:.7rem;color:#2563eb;font-weight:600}.followup-log-note{font-size:.8rem;color:var(--text-main, #0F172A);line-height:1.4;white-space:pre-wrap;word-break:break-word}.followup-empty-box{padding:18px 14px;text-align:center;font-size:.8rem;color:var(--text-muted, #64748B);background:var(--surface-2, #F8FAFC);border:1px dashed var(--border, #CBD5E1);border-radius:8px}.prospect-detail-footer{display:flex;justify-content:flex-end;padding:10px 18px;border-top:1px solid var(--border, #E2E8F0);box-sizing:border-box}.btn-prospect-modal-close{height:34px;padding:0 16px;border-radius:6px;font-size:.82rem;font-weight:600;cursor:pointer}@media(max-width:768px){.prospect-page-container{padding:12px 14px!important;max-width:100vw!important;overflow-x:hidden!important}.prospect-page-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important}.prospect-page-header .header-actions{width:100%!important;display:flex!important;gap:8px!important}.prospect-page-header .btn-prospect-refresh{flex:0 0 42px!important;width:42px!important;height:42px!important;min-height:42px!important}.prospect-page-header .btn-prospect-create{flex:1 1 auto!important;width:auto!important;height:42px!important;min-height:42px!important;justify-content:center!important}.prospect-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.prospect-kpi-card{min-width:0!important;max-width:100%!important;overflow:hidden!important;padding:8px 10px!important}.card-lost-mobile{grid-column:span 2!important;grid-column:1 / -1!important}.prospect-filter-unified{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.prospect-filter-unified .prospect-search-wrap{width:100%!important;flex:1 1 100%!important}.prospect-filter-middle-group{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.prospect-filter-middle-group .prospect-select-category,.prospect-filter-middle-group .prospect-select-status{width:100%!important;flex:1 1 0!important;min-width:0!important;height:38px!important;font-size:.8rem!important;padding:0 8px!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;box-sizing:border-box!important}.prospect-btn-reset{width:100%!important;height:38px!important;text-align:center!important}.prospect-desktop-table{display:none!important}.prospect-mobile-cards-list{display:flex!important;padding:8px 0!important}.prospect-modal-dialog{width:calc(100% - 20px)!important;max-width:100%!important;margin:10px auto!important}.prospect-modal-body{padding:12px 14px!important;max-height:calc(88vh - 100px)!important}.prospect-detail-actions{width:100%!important;margin-top:4px!important}.prospect-detail-actions .btn{flex:1 1 auto!important;justify-content:center!important;height:36px!important}.prospect-meta-grid{grid-template-columns:1fr!important;gap:10px!important}.followup-form-grid{grid-template-columns:1fr!important;gap:8px!important}.followup-date-input{max-width:100%!important}.followup-form-actions{width:100%!important}.followup-form-actions .btn{flex:1 1 auto!important;justify-content:center!important;height:36px!important}}.prospect-modal-overlay-top{z-index:1100!important}.prospect-detail-modal-overlay{z-index:1000!important}[data-theme=dark] .btn-prospect-refresh{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .prospect-kpi-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .prospect-kpi-val{color:#f1f5f9!important}[data-theme=dark] .prospect-filter-unified{background:#20242a!important;border-color:#2d333e!important}[data-theme=dark] .prospect-select-category,[data-theme=dark] .prospect-select-status{background:#181a1f!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .prospect-btn-reset{background:#181a1f!important;border-color:#2d333e!important;color:#a7adb8!important}[data-theme=dark] .prospect-mobile-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .prospect-card-title{color:#f1f5f9!important}[data-theme=dark] .btn-prospect-open{background:#181a1f!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .prospect-modal-dialog{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .prospect-modal-header,[data-theme=dark] .prospect-detail-footer{border-color:#2d333e!important}[data-theme=dark] .prospect-detail-info-card{background:#1a1d23!important;border-color:#2d333e!important}[data-theme=dark] .prospect-detail-name,[data-theme=dark] .cell-value,[data-theme=dark] .cell-value-wa{color:#f1f5f9!important}[data-theme=dark] .prospect-meta-grid{border-color:#2d333e!important}[data-theme=dark] .prospect-notes-box{background:#181a1f!important;border-color:#2d333e!important;color:#cbd5e1!important}[data-theme=dark] .followup-add-form,[data-theme=dark] .followup-log-card{background:#1a1d23!important;border-color:#2d333e!important}[data-theme=dark] .followup-log-note{color:#f1f5f9!important}[data-theme=dark] .followup-empty-box{background:#181a1f!important;border-color:#2d333e!important}.transactions-page-container{padding:20px 24px;max-width:1400px;margin:0 auto;min-height:100vh;box-sizing:border-box}@media(max-width:767px){.transactions-page-container{padding:14px 16px;max-width:100%;overflow-x:hidden}}.tx-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;width:100%;box-sizing:border-box}.tx-header-title-block{flex:1;min-width:0}.tx-page-header .page-main-title{font-size:clamp(1.35rem,3.5vw,1.65rem);font-weight:800;color:var(--text-main);letter-spacing:-.4px;margin:0 0 3px;line-height:1.25;white-space:normal;word-break:normal}.tx-page-header .page-subtitle{color:var(--text-muted);font-size:clamp(.78rem,2vw,.85rem);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tx-header-action-block{flex-shrink:0;display:flex;align-items:center}.btn-refresh-tx{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s ease}.btn-refresh-tx:hover{background:var(--surface-2);border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}@media(max-width:767px){.btn-refresh-tx{height:36px;padding:0 10px;font-size:.78rem}}.tx-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;margin-bottom:14px;box-sizing:border-box}@media(max-width:767px){.tx-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.tx-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.tx-kpi-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}}.tx-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;justify-content:center;min-height:58px;box-sizing:border-box;cursor:pointer;transition:all .18s ease}.tx-summary-card:hover{border-color:var(--primary, #D2462D);background:var(--surface-2);transform:translateY(-1px)}.tx-summary-card.active{border-color:var(--primary, #D2462D);box-shadow:0 0 0 1px var(--primary, #D2462D)}.tx-summary-label{font-size:.72rem;font-weight:700;letter-spacing:.4px;color:var(--text-muted);text-transform:uppercase;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-label-short{display:none}.tx-label-full{display:inline}@media(max-width:767px){.tx-summary-card{padding:8px 10px;min-height:52px}.tx-label-short{display:inline}.tx-label-full{display:none}}.tx-summary-val{font-size:clamp(.92rem,2vw,1.22rem);font-weight:800;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;line-height:1.25}.tx-summary-val.total{color:var(--primary, #D2462D)}.tx-segmented-wrapper{display:flex;background:var(--surface-2);padding:3px;border-radius:9px;border:1px solid var(--border);margin-bottom:12px;gap:4px;width:100%;box-sizing:border-box;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tx-segmented-wrapper::-webkit-scrollbar{display:none}.tx-segmented-wrapper .filter-pill-btn{flex:1 1 0;min-width:68px;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:7px;border:none;background:transparent;color:var(--text-muted);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .15s ease}.tx-segmented-wrapper .filter-pill-btn:hover{color:var(--text-main)}.tx-segmented-wrapper .filter-pill-btn.active{background:#d2462d!important;background:var(--primary, #D2462D)!important;color:#fff!important;box-shadow:0 2px 4px #d2462d40}.tx-compact-filter-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:10px 14px;margin-bottom:14px;box-sizing:border-box}.tx-filter-row-unified{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;box-sizing:border-box}.tx-filter-search-group{flex:1;min-width:220px}.tx-search-wrap{position:relative;width:100%}.tx-search-wrap .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.tx-search-wrap .filter-search-field{width:100%;height:40px;padding:0 32px 0 36px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:.84rem;color:var(--text-main);outline:none;box-sizing:border-box;transition:border-color .18s ease,background .18s ease}.tx-search-wrap .filter-search-field:focus{border-color:var(--primary, #D2462D);background:var(--surface)}.tx-filter-dropdowns-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.tx-select-custom-wrapper{position:relative}.tx-select-custom-wrapper .tx-select-status{height:40px;padding:0 28px 0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:.82rem;color:var(--text-main);font-weight:600;outline:none;cursor:pointer;box-sizing:border-box;-moz-appearance:none;appearance:none;-webkit-appearance:none}.tx-select-custom-wrapper .tx-select-status:focus{border-color:var(--primary, #D2462D)}.tx-select-custom-wrapper .tx-select-chevron{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.tx-filter-period-preset .period-selector-container,.tx-filter-period-preset .period-dropdown-btn{height:40px!important}.tx-filter-actions-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-tx-adv-filter{height:40px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;white-space:nowrap;transition:all .18s ease;box-sizing:border-box}.btn-tx-adv-filter:hover{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}.btn-tx-adv-filter.active{background:#d2462d1a;border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}.btn-tx-adv-filter .filter-active-badge{background:var(--primary, #D2462D);color:#fff;font-size:.68rem;font-weight:800;padding:1px 5px;border-radius:10px}.tx-filter-actions-group .export-button-group{display:flex;align-items:center;gap:8px}.tx-filter-actions-group .export-btn-action,.tx-filter-actions-group .print-btn-action{height:40px;padding:0 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;font-size:.82rem;font-weight:600;color:var(--text-main);display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-sizing:border-box;white-space:nowrap}.tx-filter-actions-group .export-btn-action:hover,.tx-filter-actions-group .print-btn-action:hover{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}@media(max-width:1023px){.tx-filter-row-unified{flex-wrap:wrap}}@media(min-width:1024px){.tx-filter-row-unified{flex-direction:row!important}.tx-search-bar-row{flex:1!important}}@media(max-width:767px){.page-header-row .btn-refresh-tx,.tx-actions-row .btn-tx-refresh{display:none!important}.btn-tx-adv-filter{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important}.tx-segmented-wrapper{grid-template-columns:repeat(4,1fr)!important}.btn-tx-adv-filter .tx-adv-filter-text{display:none!important}.tx-compact-filter-panel{padding:10px 12px}.tx-filter-row-unified{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.tx-filter-search-group{width:100%!important;flex:none!important}.tx-search-wrap .filter-search-field{height:42px!important}.tx-filter-dropdowns-group{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;flex:none!important}.tx-select-custom-wrapper,.tx-select-custom-wrapper .tx-select-status,.tx-filter-period-preset,.tx-filter-period-preset .period-selector-container,.tx-filter-period-preset .period-dropdown-btn{width:100%!important;height:42px!important}.tx-filter-actions-group{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%!important;flex:none!important}.tx-filter-actions-group .export-button-group{display:contents!important}.btn-tx-adv-filter,.tx-filter-actions-group .export-dropdown-wrapper,.tx-filter-actions-group .export-btn-action,.tx-filter-actions-group .print-btn-action{width:100%!important;height:42px!important;min-width:0!important;padding:0 4px!important;font-size:.78rem!important;justify-content:center!important}}.tx-active-filters-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;padding-top:8px;border-top:1px dashed var(--border)}.tx-active-filters-label{font-size:.74rem;font-weight:700;color:var(--text-muted)}.tx-active-pill{font-size:.72rem;font-weight:600;background:var(--surface-2);border:1px solid var(--border);padding:2px 7px;border-radius:6px;color:var(--text-main)}.tx-list-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-sizing:border-box}.desktop-table-container{display:block;width:100%;overflow-x:auto}.mobile-transaction-cards-list{display:none}@media(max-width:767px){.tx-list-card{background:transparent!important;border:none!important;border-radius:0!important;overflow:visible!important}.desktop-table-container{display:none!important}.mobile-transaction-cards-list{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;box-sizing:border-box}}.tx-mobile-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 16px!important;display:flex;flex-direction:column;gap:6px!important;cursor:pointer;transition:all .15s ease;box-sizing:border-box;width:100%;position:relative;box-shadow:0 1px 3px #0000000a}.tx-mobile-card:hover,.tx-mobile-card:active{border-color:var(--primary, #D2462D);background:var(--surface-2);transform:translateY(-1px)}.tx-mobile-card:focus-visible{outline:2px solid var(--primary, #D2462D);outline-offset:2px}.tx-mobile-card.card-voided{opacity:.65;background:#00000005}.tx-card-row-1{display:flex;align-items:center;justify-content:space-between;gap:8px}.tx-card-inv-group{display:flex;align-items:center;gap:6px;min-width:0}.tx-card-source-wrap{flex-shrink:0}.tx-card-inv{font-size:.94rem;font-weight:700;color:var(--text-main);letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-card-status-badge{flex-shrink:0}.tx-card-row-2{font-size:.78rem;color:var(--text-muted)}.tx-card-date{color:var(--text-muted)}.tx-card-row-3{font-size:.88rem;font-weight:700;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-card-outlet{font-size:.88rem;font-weight:700;color:var(--text-main)}.tx-card-row-4{font-size:.82rem;color:var(--text-muted)}.tx-card-customer{display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-card-cust-name{color:var(--text-secondary, #475569);font-weight:500}.tx-card-row-5{display:flex!important;align-items:center;justify-content:space-between!important;gap:8px;padding-top:6px;margin-top:2px;border-top:1px dashed var(--border)}.tx-card-cashier{font-size:.78rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-card-cashier-label{color:var(--text-muted)}.tx-card-cashier-name{font-weight:600;color:var(--text-secondary, #475569)}.tx-card-total-group{display:flex!important;align-items:center;gap:6px;flex-shrink:0;margin-left:auto!important}.tx-card-total-val{font-size:1.02rem;font-weight:800;color:var(--text-main);letter-spacing:-.2px}.tx-card-chevron{color:var(--text-muted);transition:transform .15s ease,color .15s ease}.tx-mobile-card:hover .tx-card-chevron{color:var(--primary, #D2462D);transform:translate(2px)}.tx-date-popover-overlay,.tx-adv-popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;animation:fadeIn .15s ease-out}.tx-date-popover-card,.tx-adv-popover-card{width:100%;max-width:480px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:16px;box-shadow:0 20px 45px -10px #00000040,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1)}.tx-date-popover-header,.tx-adv-popover-header{padding:14px 18px;border-bottom:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box}.tx-adv-title-wrap{display:flex;align-items:center;gap:10px}.tx-adv-header-icon{width:32px;height:32px;border-radius:8px;background:#d2462d1a;color:var(--primary, #D2462D);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tx-date-popover-title,.tx-adv-popover-title{font-size:1.02rem;font-weight:800;color:var(--text-main, #0F172A);letter-spacing:-.2px}.btn-close-popover{width:34px;height:34px;min-height:34px;border-radius:8px;border:1px solid var(--border, #E2E8F0);background:var(--surface-2, #F8FAFC);color:var(--text-muted, #64748B);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;box-sizing:border-box;padding:0}.btn-close-popover:hover{background:var(--border, #E2E8F0);color:var(--text-main, #0F172A)}.tx-adv-popover-body{padding:18px;display:flex;flex-direction:column;gap:16px;max-height:calc(85vh - 120px);overflow-y:auto;box-sizing:border-box}.tx-adv-field-group{display:flex;flex-direction:column;gap:6px}.tx-date-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #64748B);margin-bottom:2px}.tx-adv-popover-card .tx-select-custom-wrapper{position:relative;width:100%}.tx-adv-popover-card .tx-select-outlet{width:100%;height:44px;min-height:44px;padding:0 36px 0 12px;border-radius:10px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.88rem;font-weight:600;font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none!important;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.tx-adv-popover-card .tx-select-outlet:focus{border-color:var(--primary, #D2462D);outline:none;box-shadow:0 0 0 3px #d2462d26}.tx-adv-popover-card .tx-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-muted, #64748B)}.tx-date-popover-body{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tx-date-field-group{display:flex;flex-direction:column;gap:4px}.tx-date-input{width:100%;height:44px;min-height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.88rem;font-weight:600;font-family:inherit;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.tx-date-input:focus{border-color:var(--primary, #D2462D);outline:none;box-shadow:0 0 0 3px #d2462d26}.tx-date-input::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.65;transition:opacity .15s ease}.tx-date-input::-webkit-calendar-picker-indicator:hover{opacity:1}.tx-adv-comparison-box{background:var(--surface-2, #F8FAFC);padding:8px 10px;border-radius:10px;border:1px solid var(--border, #E2E8F0);box-sizing:border-box}.tx-date-popover-footer,.tx-adv-popover-footer{padding:12px 18px;border-top:1px solid var(--border, #E2E8F0);background:var(--surface-2, #F8FAFC);display:flex;align-items:center;justify-content:flex-end;gap:10px;box-sizing:border-box}.btn-popover-reset,.tx-adv-popover-card .btn-popover-reset{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;flex:1;padding:0 16px;border-radius:10px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #334155);font-size:.86rem;font-weight:600;cursor:pointer;transition:all .15s ease;box-sizing:border-box}.btn-popover-reset:hover,.tx-adv-popover-card .btn-popover-reset:hover{background:var(--surface-2, #F1F5F9);color:var(--text-main, #0F172A);border-color:#94a3b8}.btn-popover-apply,.tx-adv-popover-card .btn-popover-apply{display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;flex:1;padding:0 18px;border-radius:10px;border:none;background:#d2462d;color:#fff;font-size:.86rem;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #d2462d40;transition:all .15s ease;box-sizing:border-box}.btn-popover-apply:hover,.tx-adv-popover-card .btn-popover-apply:hover{background:var(--primary-hover, #B83B26);box-shadow:0 4px 12px #d2462d59}[data-theme=dark] .tx-date-popover-overlay,[data-theme=dark] .tx-adv-popover-overlay{background:#000000bf}[data-theme=dark] .tx-date-popover-card,[data-theme=dark] .tx-adv-popover-card{background:#181a1f;border-color:#2d333e;box-shadow:0 20px 45px -10px #0009}[data-theme=dark] .tx-date-popover-header,[data-theme=dark] .tx-adv-popover-header{background:#181a1f;border-color:#2d333e}[data-theme=dark] .tx-adv-header-icon{background:#d2462d33;color:#ff8f7a}[data-theme=dark] .tx-date-popover-title,[data-theme=dark] .tx-adv-popover-title{color:#f1f5f9}[data-theme=dark] .btn-close-popover{background:#22262e;border-color:#2d333e;color:#94a3b8}[data-theme=dark] .btn-close-popover:hover{background:#282e37;color:#f1f5f9}[data-theme=dark] .tx-adv-popover-body{background:#181a1f}[data-theme=dark] .tx-date-label{color:#94a3b8}[data-theme=dark] .tx-adv-popover-card .tx-select-outlet{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .tx-adv-popover-card .tx-select-chevron{color:#94a3b8}[data-theme=dark] .tx-date-input{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .tx-date-input::-webkit-calendar-picker-indicator{filter:invert(.85)}[data-theme=dark] .tx-adv-comparison-box{background:#22262e;border-color:#2d333e}[data-theme=dark] .tx-date-popover-footer,[data-theme=dark] .tx-adv-popover-footer{background:#20242a;border-color:#2d333e}[data-theme=dark] .btn-popover-reset,[data-theme=dark] .tx-adv-popover-card .btn-popover-reset{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-popover-reset:hover,[data-theme=dark] .tx-adv-popover-card .btn-popover-reset:hover{background:#282e37;border-color:#3d4452}[data-theme=dark] .btn-popover-apply,[data-theme=dark] .tx-adv-popover-card .btn-popover-apply{background:#d2462d;color:#fff}@media(max-width:767px){.tx-adv-popover-overlay{align-items:flex-end!important;padding:0!important}.tx-adv-popover-card{border-radius:16px 16px 0 0!important;max-height:88vh!important;width:100%!important}}@media(max-width:480px){.tx-date-popover-body{grid-template-columns:1fr 1fr;gap:8px}.tx-date-popover-footer,.tx-adv-popover-footer{display:flex;gap:8px}}[data-theme=dark] .transactions-page-container{background:#181a1f!important}[data-theme=dark] .tx-compact-filter-panel{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .tx-active-filters-bar{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .tx-summary-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .tx-summary-card:hover{background:#282e37!important;border-color:#d2462d!important}[data-theme=dark] .tx-mobile-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .tx-mobile-card:hover,[data-theme=dark] .tx-mobile-card:active{background:#282e37!important;border-color:#d2462d!important}[data-theme=dark] .tx-mobile-card.card-voided{background:#1c1f26!important}[data-theme=dark] .tx-card-row-5{border-top-color:#2d333e!important}[data-theme=dark] .tx-card-cust-name,[data-theme=dark] .tx-card-cashier-name{color:#cbd5e1!important}[data-theme=dark] .transactions-compact-table thead th{background:#1e222a!important;border-color:#2d333e!important;color:#94a3b8!important}[data-theme=dark] .transactions-compact-table tbody td{border-color:#2d333e!important}[data-theme=dark] .transactions-compact-table tbody tr:hover{background:#22262e!important}[data-theme=dark] .tx-list-card{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .btn-tx-adv-filter,[data-theme=dark] .tx-filter-actions-group .export-btn-action,[data-theme=dark] .tx-filter-actions-group .print-btn-action{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .btn-tx-adv-filter:hover,[data-theme=dark] .tx-filter-actions-group .export-btn-action:hover,[data-theme=dark] .tx-filter-actions-group .print-btn-action:hover{border-color:#d2462d!important;color:#d2462d!important}[data-theme=dark] .btn-refresh-tx{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .btn-refresh-tx:hover{border-color:#d2462d!important;color:#d2462d!important}[data-theme=dark] .tx-summary-val.total{color:#d2462d!important}[data-theme=dark] .tx-mobile-card,[data-theme=dark] .tx-summary-card{border-color:#2d333e!important}[data-theme=dark] .tx-card-total-val{color:#d2462d!important}.comm-share-modal-card{width:100%;max-width:760px!important;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:16px!important;box-shadow:0 20px 45px -10px #00000047,0 0 0 1px #ffffff0d;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box}.comm-share-modal-header{padding:14px 20px;border-bottom:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);display:flex;align-items:center;justify-content:space-between}.comm-share-header-icon{width:36px;height:36px;border-radius:10px;background:#25d3661f;color:#16a34a;display:flex;align-items:center;justify-content:center;flex-shrink:0}.comm-dropdowns-wrapper{width:100%;box-sizing:border-box}.comm-dropdowns-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;box-sizing:border-box}.comm-field-group{display:flex;flex-direction:column;gap:4px}.comm-field-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #64748B)}.comm-select{width:100%;height:44px;min-height:44px;padding:0 36px 0 12px;border-radius:10px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.86rem;font-weight:600;font-family:inherit;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:none!important;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.comm-select:focus{border-color:var(--primary, #D2462D);outline:none;box-shadow:0 0 0 3px #d2462d26}.comm-desktop-tabs-wrapper{display:block}.comm-desktop-footer-wrapper{display:flex;align-items:center;justify-content:space-between;width:100%;gap:10px;flex-wrap:wrap}.comm-mobile-tiered-wrapper{display:none}.comm-mobile-tiered-btn{display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;height:44px;padding:0 14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;color:var(--text-main);font-size:.84rem;font-weight:600;cursor:pointer;box-sizing:border-box}.comm-mobile-footer-wrapper{display:none;width:100%;flex-direction:column;gap:8px}.comm-mobile-footer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.btn-comm-mobile-action{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;height:44px;padding:6px 8px;border-radius:10px;font-size:.76rem;font-weight:700;cursor:pointer;border:none;box-sizing:border-box}.comm-mobile-btn-text{overflow-wrap:anywhere;white-space:normal;line-height:1.2}.btn-comm-mobile-cancel{display:inline-flex;align-items:center;justify-content:center;min-height:44px;height:44px;width:100%;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.84rem;font-weight:700;cursor:pointer}[data-theme=dark] .comm-share-modal-card{background:#181a1f!important;border-color:#2d333e!important;color:#f1f5f9}[data-theme=dark] .comm-share-modal-header{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .comm-share-header-icon{background:#22c55e26!important;color:#22c55e!important}[data-theme=dark] .comm-select,[data-theme=dark] .comm-mobile-tiered-btn,[data-theme=dark] .btn-comm-mobile-cancel{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}@media(max-width:640px){.comm-share-modal-card{width:calc(100% - 20px)!important;margin:10px auto!important;border-radius:14px!important;max-height:94vh!important}.comm-dropdowns-grid{grid-template-columns:1fr;gap:8px}.comm-desktop-footer-wrapper{display:none!important}.comm-mobile-footer-wrapper{display:flex!important}}.shift-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;width:100%;margin-bottom:14px}.shift-header-titles{display:flex;flex-direction:column;gap:4px}.shift-kpi-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;width:100%!important;max-width:100%!important;margin-bottom:16px!important;box-sizing:border-box!important}.shift-kpi-card{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:8px 12px!important;min-height:52px!important;min-width:0!important;max-width:100%!important;background:var(--surface, #FFFFFF)!important;border:1px solid var(--border, #E2E8F0)!important;border-radius:8px!important;box-sizing:border-box!important;overflow:hidden!important;transition:transform .15s ease,box-shadow .15s ease!important}.shift-kpi-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:4px!important;width:100%!important;margin-bottom:2px!important;min-width:0!important}.shift-kpi-label,.shift-kpi-card .kpi-label{font-size:.72rem!important;color:var(--text-muted, #64748B)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.3px!important;margin-bottom:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}.shift-kpi-value,.shift-kpi-card .kpi-value{font-size:1.05rem!important;font-weight:800!important;color:var(--text, #1E293B)!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;min-width:0!important}.shift-kpi-active{border-left:3px solid #16a34a!important;background:#16a34a08!important}.shift-kpi-status-badge{font-size:.65rem!important;font-weight:700!important;padding:1px 6px!important;border-radius:4px!important;white-space:nowrap!important;flex-shrink:0!important}.shift-kpi-status-badge.badge-active{background:#16a34a26!important;color:#16a34a!important}.shift-kpi-status-badge.badge-idle{background:#64748b1a!important;color:var(--text-muted, #64748B)!important}.shift-kpi-opening{border-left:3px solid #2563eb!important;background:#2563eb08!important}.shift-kpi-value-cash{color:#2563eb!important}.shift-kpi-closing{border-left:3px solid #0891b2!important;background:#0891b208!important}.shift-kpi-value-closing{color:#0891b2!important}.shift-kpi-diff-sesuai,.shift-kpi-diff-surplus{border-left:3px solid #16a34a!important;background:#16a34a0d!important}.shift-kpi-diff-deficit{border-left:3px solid #dc2626!important;background:#dc26260d!important}.shift-diff-status-indicator{font-size:.65rem!important;font-weight:800!important;padding:1px 6px!important;border-radius:4px!important;white-space:nowrap!important;flex-shrink:0!important}.shift-diff-status-indicator.indicator-sesuai,.shift-diff-status-indicator.indicator-surplus{background:#16a34a24!important;color:#16a34a!important}.shift-diff-status-indicator.indicator-deficit{background:#dc262624!important;color:#dc2626!important}.shift-kpi-closed{border-left:3px solid #64748b!important;background:#64748b08!important}.shift-kpi-status-badge.badge-closed{background:#64748b1a!important;color:#64748b!important}.shift-header-actions,.shift-header-actions .export-button-group{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.btn-shift-refresh{height:38px!important;min-height:38px!important;width:38px!important;min-width:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;box-sizing:border-box!important}.shift-filter-card{padding:10px 14px!important;background:var(--surface, #FFFFFF)!important;border:1px solid var(--border, #E2E8F0)!important;border-radius:10px!important;margin-bottom:16px!important;box-sizing:border-box!important;width:100%!important}.shift-filter-group{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;flex-wrap:nowrap!important;box-sizing:border-box!important}.shift-search-wrap{flex:1 1 240px!important;min-width:140px!important;position:relative!important;display:flex!important;align-items:center!important}.shift-search-wrap .search-icon{position:absolute!important;left:10px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-muted, #94A3B8)!important;pointer-events:none!important}.shift-search-field{width:100%!important;height:38px!important;padding:0 30px 0 32px!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #0F172A)!important;font-size:.84rem!important;font-family:inherit!important;outline:none!important;box-sizing:border-box!important;transition:border-color .15s ease,box-shadow .15s ease!important}.shift-search-field:focus{border-color:var(--primary, #D2462D)!important;box-shadow:0 0 0 2px #d2462d26!important}.shift-search-wrap .btn-clear-search{position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;background:transparent!important;border:none!important;color:var(--text-muted, #94A3B8)!important;cursor:pointer!important;padding:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:4px!important}.shift-search-wrap .btn-clear-search:hover{color:var(--text-main, #0F172A)!important}.shift-filter-select{height:38px!important;padding:0 10px!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #0F172A)!important;font-size:.84rem!important;font-family:inherit!important;font-weight:500!important;outline:none!important;box-sizing:border-box!important;cursor:pointer!important}.shift-select-outlet{flex:0 1 200px!important;min-width:140px!important}.shift-select-status{flex:0 0 150px!important;min-width:130px!important}.shift-date-range-wrap{display:flex!important;align-items:center!important;gap:6px!important;flex:0 0 auto!important;box-sizing:border-box!important}.shift-date-field{height:38px!important;width:130px!important;padding:0 8px!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #0F172A)!important;font-size:.84rem!important;font-family:inherit!important;outline:none!important;box-sizing:border-box!important;cursor:pointer!important}.shift-date-field::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7;padding:0;margin:0;transition:opacity .15s ease}.shift-date-field::-webkit-calendar-picker-indicator:hover{opacity:1}.shift-date-separator{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.78rem!important;color:var(--text-muted, #64748B)!important;font-weight:600!important;-webkit-user-select:none!important;user-select:none!important;padding:0 2px!important;white-space:nowrap!important;flex-shrink:0!important}.shift-btn-reset{height:38px!important;padding:0 14px!important;border-radius:8px!important;font-size:.84rem!important;font-family:inherit!important;font-weight:600!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface-2, #F8FAFC)!important;color:var(--text-muted, #64748B)!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;flex:0 0 auto!important;transition:all .15s ease!important}.shift-btn-reset:hover{background:var(--surface-3, #E2E8F0)!important;color:var(--text-main, #0F172A)!important}.btn-force-close{color:#d2462d!important;border-color:#d2462d66!important;background:#d2462d14!important;font-weight:700}.btn-force-close:hover{background:#d2462d!important;color:#fff!important}.force-close-modal-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:12px;max-width:440px;width:100%;padding:16px 18px;box-shadow:0 16px 36px #00000040;box-sizing:border-box}[data-theme=dark] .force-close-modal-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .force-close-warning-box{background:#d2462d1f!important;border-color:#d2462d59!important}[data-theme=dark] .force-close-modal-footer{border-top-color:#2d333e!important}[data-theme=dark] .btn-force-close-cancel{background:#181a1f!important;border-color:#2d333e!important;color:#f1f5f9!important}@media(max-width:480px){.force-close-modal-card{padding:14px!important;max-width:95vw!important}}.shift-mobile-cards-list{display:none;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.shift-mobile-card{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:10px!important;padding:12px 14px!important;box-sizing:border-box;display:flex;flex-direction:column;gap:8px;cursor:pointer;width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important;transition:border-color .15s ease,box-shadow .15s ease}.shift-mobile-card:hover{border-color:var(--primary, #D2462D)!important;box-shadow:0 2px 8px #0000000a}.shift-mobile-card .shift-card-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;min-width:0!important}.shift-card-number{font-size:.85rem;font-weight:700;color:var(--text-main, #0F172A);word-break:break-all;line-height:1.25;min-width:0}.shift-card-info-block{display:flex;flex-direction:column;gap:2px;min-width:0}.shift-card-date{font-size:.74rem;font-weight:600;color:var(--text-muted, #64748B)}.shift-card-outlet{font-size:.82rem;font-weight:700;color:var(--text-main, #0F172A);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.shift-card-cashier{font-size:.78rem;color:var(--text-secondary, #334155);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shift-card-cashier strong{color:var(--text-main, #0F172A)}.shift-card-diff-wrap{text-align:right!important;display:flex;justify-content:flex-end;align-items:center;min-width:0;max-width:55%}.shift-diff-highlight{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.shift-diff-positive,.shift-diff-sesuai{color:#16a34a!important}.shift-diff-negative{color:#dc2626!important}.shift-card-cash-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 10px;background:var(--surface-2, #F8FAFC);border-radius:8px;border:1px solid var(--border, #E2E8F0);box-sizing:border-box;width:100%!important;min-width:0!important}.shift-cash-col{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}.shift-cash-label{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--text-muted, #64748B);letter-spacing:.02em}.shift-cash-val{font-size:.88rem;font-weight:700;color:var(--text-main, #0F172A);word-break:break-word;min-width:0}.shift-card-footer-row{display:flex;justify-content:space-between;align-items:center;padding-top:4px}[data-theme=dark] .shift-kpi-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .shift-kpi-card .kpi-value{color:#f1f5f9!important}[data-theme=dark] .shift-kpi-active{background:#16a34a14!important}[data-theme=dark] .shift-kpi-opening{background:#2563eb14!important}[data-theme=dark] .shift-kpi-value-cash{color:#60a5fa!important}[data-theme=dark] .shift-kpi-closing{background:#0891b214!important}[data-theme=dark] .shift-kpi-value-closing{color:#22d3ee!important}[data-theme=dark] .shift-kpi-diff-sesuai,[data-theme=dark] .shift-kpi-diff-surplus{background:#16a34a1f!important;border-color:#16a34a59!important}[data-theme=dark] .shift-kpi-diff-deficit{background:#dc26261f!important;border-color:#dc262659!important}[data-theme=dark] .shift-kpi-closed{background:#64748b14!important}[data-theme=dark] .shift-filter-card{background:#20242a!important;border-color:#2d333e!important}[data-theme=dark] .shift-search-field,[data-theme=dark] .shift-filter-select,[data-theme=dark] .shift-date-field{background:#181a1f!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .shift-date-field::-webkit-calendar-picker-indicator{filter:invert(.85)}[data-theme=dark] .shift-search-wrap .search-icon,[data-theme=dark] .shift-search-wrap .btn-clear-search{color:#64748b!important}[data-theme=dark] .shift-search-wrap .btn-clear-search:hover{color:#f1f5f9!important}[data-theme=dark] .shift-btn-reset{background:#181a1f!important;border-color:#2d333e!important;color:#a7adb8!important}[data-theme=dark] .shift-mobile-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .shift-card-number,[data-theme=dark] .shift-card-outlet,[data-theme=dark] .shift-cash-val,[data-theme=dark] .shift-card-cashier strong{color:#f1f5f9!important}[data-theme=dark] .shift-card-cash-grid{background:#181a1f!important;border-color:#2d333e!important}@media(max-width:767px){.shift-history-page{padding:12px 14px!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.shift-page-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.shift-header-actions{width:100%!important;display:flex!important;justify-content:space-between!important;gap:8px!important}.shift-header-actions .export-button-group,.shift-header-actions .export-dropdown-wrapper,.shift-header-actions .export-btn-action,.shift-header-actions .print-btn-action{flex:1 1 auto!important}.shift-kpi-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;overflow-x:hidden!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.shift-kpi-grid>.shift-kpi-card:nth-child(1),.shift-kpi-active{grid-column:1 / -1!important;align-items:center!important;text-align:center!important}.shift-kpi-grid>.shift-kpi-card:nth-child(1) .shift-kpi-header,.shift-kpi-active .shift-kpi-header{justify-content:center!important;gap:8px!important}.shift-kpi-card{padding:8px 10px!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.shift-kpi-card .kpi-value,.shift-kpi-value{font-size:clamp(.85rem,3.2vw,1.05rem)!important}.shift-filter-card{padding:10px!important;width:100%!important;box-sizing:border-box!important}.shift-filter-group{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}.shift-search-wrap,.shift-select-outlet,.shift-select-status{width:100%!important;flex:1 1 100%!important;min-width:0!important}.shift-date-range-wrap{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;align-items:center!important;gap:6px!important;box-sizing:border-box!important}.shift-date-separator{display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.75rem!important;color:var(--text-muted, #64748B)!important;font-weight:600!important;-webkit-user-select:none!important;user-select:none!important;padding:0 2px!important;white-space:nowrap!important;flex-shrink:0!important}.shift-date-field{width:100%!important;min-width:0!important;height:38px!important;padding:0 6px!important;font-size:clamp(.75rem,2.6vw,.84rem)!important;box-sizing:border-box!important}.shift-btn-reset{width:100%!important}.shift-history-page .erp-table-container{display:none!important}.shift-mobile-cards-list{display:flex!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.shift-mobile-card{padding:12px 14px!important;gap:8px!important;border-radius:10px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}}.shift-detail-modal-card{width:100%;max-width:780px;max-height:88vh;border-radius:14px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);box-shadow:0 16px 36px #00000029;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.shift-detail-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);gap:12px;box-sizing:border-box;flex-shrink:0}.shift-detail-header-left{display:flex;align-items:center;gap:12px;min-width:0}.shift-detail-icon-wrap{width:36px;height:36px;border-radius:8px;background:#d2462d1a;display:flex;align-items:center;justify-content:center;color:#d2462d;flex-shrink:0}.shift-detail-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.shift-detail-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.shift-detail-title{margin:0;font-size:1.05rem;font-weight:800;color:var(--text-primary, #222222);line-height:1.2}.shift-detail-number{color:var(--text-secondary, #6B7280);font-size:.88rem;font-weight:700;font-family:monospace}.shift-detail-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:.68rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.shift-detail-badge-open{background:#16a34a1f;color:#16a34a;border:1px solid rgba(22,163,74,.25)}.shift-detail-status-dot{width:6px;height:6px;border-radius:50%;background:#16a34a;animation:pulseDot 1.8s infinite}.shift-detail-badge-closed{background:#6b72801f;color:#6b7280;border:1px solid rgba(107,114,128,.25)}.shift-detail-meta{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-secondary, #6B7280);flex-wrap:wrap}.shift-detail-meta-outlet{font-weight:700;color:var(--text-primary, #222222)}.shift-detail-meta-item{display:inline-flex;align-items:center;gap:4px}.shift-detail-meta-dot{opacity:.5}.shift-detail-btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text-secondary, #6B7280);cursor:pointer;transition:all .15s ease;flex-shrink:0}.shift-detail-btn-close:hover{background:var(--surface-2, #F8F5EE);color:var(--text-primary, #222222)}.shift-detail-tabs-bar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow-x:hidden;background:var(--surface-2, #F8F5EE);border-bottom:1px solid var(--border, #E5DFC9);padding:0;margin:0;box-sizing:border-box;flex-shrink:0}.shift-detail-tab-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 6px;border:none;background:transparent;color:var(--text-secondary, #6B7280);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease;border-bottom:2px solid transparent;white-space:nowrap;outline:none}.shift-detail-tab-btn:hover{color:var(--text-primary, #222222);background:#00000008}.shift-detail-tab-btn.active{color:#d2462d;background:var(--surface, #FFFFFF);border-bottom:2px solid #D2462D}.shift-detail-tab-icon{flex-shrink:0}.shift-detail-mobile-nav{display:none;background:var(--surface-2, #F8F5EE);border-bottom:1px solid var(--border, #E5DFC9);padding:8px 14px;box-sizing:border-box;flex-shrink:0}.shift-detail-select-wrap{position:relative;width:100%}.shift-detail-mobile-select{width:100%;height:38px;border-radius:8px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-primary, #222222);font-size:.84rem;font-weight:700;padding:0 34px 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;box-sizing:border-box}.shift-detail-mobile-select:focus{border-color:#d2462d}.shift-detail-select-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--text-secondary, #6B7280)}.shift-detail-body{padding:16px 18px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;flex:1}.shift-detail-section-container{display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.shift-detail-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);border-radius:10px;padding:14px 16px;box-sizing:border-box;width:100%}.shift-detail-reconciliation-list{display:flex;flex-direction:column;gap:8px}.shift-detail-reconciliation-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;gap:16px;min-width:0}.shift-detail-row-label{color:var(--text-primary, #222222);font-weight:600;min-width:0}.shift-detail-row-val{font-weight:700;color:var(--text-primary, #222222);text-align:right;flex-shrink:0}.shift-detail-row-val.val-positive{color:#16a34a}.shift-detail-row-val.val-negative{color:#dc2626}.shift-detail-reconciliation-divider{height:1px;background:var(--border, #E5DFC9);margin:10px 0}.shift-detail-expected-card{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#d2462d0f;border:1px solid rgba(210,70,45,.35);border-radius:8px;gap:12px}.shift-detail-expected-card.deficit{background:#dc262614;border-color:#dc262673}.shift-detail-expected-left{display:flex;flex-direction:column;gap:2px}.shift-detail-expected-label{font-size:.74rem;font-weight:800;color:#d2462d;letter-spacing:.4px}.shift-detail-deficit-alert{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;color:#dc2626;font-weight:700}.shift-detail-expected-val{font-size:1.15rem;font-weight:900;color:#d2462d}.shift-detail-closed-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--border, #E5DFC9);display:flex;flex-direction:column;gap:8px}.shift-detail-variance-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;font-size:.8rem;font-weight:700}.shift-detail-variance-row.variance-zero{background:#16a34a14;color:#16a34a}.shift-detail-variance-row.variance-surplus{background:#2563eb14;color:#2563eb}.shift-detail-variance-row.variance-deficit{background:#dc262614;color:#dc2626}.shift-detail-noncash-card{display:flex;flex-direction:column;gap:10px}.shift-detail-card-title{font-size:.82rem;font-weight:800;color:var(--text-primary, #222222)}.shift-detail-noncash-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shift-detail-metric-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;background:var(--surface-2, #F8F5EE);font-size:.8rem;gap:12px}.shift-detail-metric-label{color:var(--text-secondary, #6B7280);font-weight:600}.shift-detail-metric-val{font-weight:700;color:var(--text-primary, #222222);text-align:right;white-space:nowrap}.shift-detail-metric-val.val-blue{color:#2563eb;font-weight:800}.shift-detail-metric-val.val-green{color:#16a34a;font-weight:800}.shift-detail-metric-item.highlight-noncash{background:#2563eb14}.shift-detail-metric-item.highlight-omzet{background:#16a34a14}.shift-detail-notes-title{font-size:.74rem;font-weight:800;color:var(--text-secondary, #6B7280);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.shift-detail-notes-content{font-size:.82rem;color:var(--text-primary, #222222);line-height:1.4}.shift-detail-notes-empty{color:var(--text-secondary, #6B7280);font-style:italic}.shift-detail-closing-notes-wrap{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border, #E5DFC9)}.shift-detail-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;text-align:center;gap:8px;color:var(--text-secondary, #6B7280)}.shift-detail-empty-icon{opacity:.4}.shift-detail-empty-text{font-size:.8rem;font-weight:600}.shift-detail-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:10px;box-sizing:border-box}.shift-detail-search-wrap{position:relative;flex:1;max-width:320px}.shift-detail-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-secondary, #6B7280)}.shift-detail-search-input{width:100%;height:34px;border-radius:6px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-primary, #222222);font-size:.78rem;padding:0 10px 0 30px;outline:none;box-sizing:border-box}.shift-detail-search-input:focus{border-color:#d2462d}.shift-detail-filter-counter{font-size:.75rem;color:var(--text-secondary, #6B7280);white-space:nowrap}.shift-detail-payment-pill{display:inline-flex;padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:800;letter-spacing:.3px;text-transform:uppercase}.shift-detail-payment-pill.cash{background:#16a34a1f;color:#16a34a}.shift-detail-payment-pill.qris{background:#d2462d1f;color:#d2462d}.shift-detail-payment-pill.transfer,.shift-detail-payment-pill.debit,.shift-detail-payment-pill.bank{background:#2563eb1f;color:#2563eb}.shift-detail-status-pill{display:inline-flex;padding:2px 6px;border-radius:4px;font-size:.68rem;font-weight:800;letter-spacing:.3px}.shift-detail-status-pill.pill-paid{background:#16a34a1f;color:#16a34a}.shift-detail-status-pill.pill-void{background:#dc26261f;color:#dc2626}.shift-detail-summary-strip{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:6px;background:var(--surface-2, #F8F5EE);font-size:.78rem;font-weight:600;gap:8px;flex-wrap:wrap}.shift-detail-desktop-movement-row,.shift-detail-desktop-expense-row{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5DFC9);gap:12px;margin-bottom:6px}.shift-detail-btn-void{padding:2px 8px;border-radius:4px;border:1px solid rgba(220,38,38,.4);background:#dc262614;color:#dc2626;font-size:.68rem;font-weight:800;cursor:pointer;transition:all .15s ease}.shift-detail-btn-void:hover{background:#dc2626;color:#fff}.shift-detail-footer{display:flex;align-items:center;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);gap:10px;box-sizing:border-box;flex-shrink:0}.shift-detail-btn-cancel{height:36px;padding:0 16px;border-radius:6px;border:1px solid var(--border, #E5DFC9);background:var(--surface, #FFFFFF);color:var(--text-primary, #222222);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.shift-detail-btn-cancel:hover{background:var(--surface-2, #F8F5EE);color:#d2462d;border-color:#d2462d}.shift-detail-btn-close-shift{height:36px;padding:0 14px;border-radius:6px;border:none;background:#d2462d;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:6px}.shift-detail-btn-close-shift:hover{opacity:.92}@media(min-width:768px){.shift-detail-tabs-bar{display:grid!important}.shift-detail-mobile-nav{display:none!important}.shift-detail-desktop-view{display:block!important}.shift-detail-mobile-view{display:none!important}}@media(max-width:767px){.shift-detail-modal-card{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100vh - 24px)!important;border-radius:12px!important;margin:auto!important;box-sizing:border-box!important;overflow-x:hidden!important}.shift-detail-header{padding:12px 14px!important}.shift-detail-title{font-size:.95rem!important}.shift-detail-meta{font-size:.7rem!important}.shift-detail-tabs-bar{display:none!important}.shift-detail-mobile-nav{display:block!important;padding:8px 12px!important}.shift-detail-body{padding:12px 14px!important;overflow-x:hidden!important;box-sizing:border-box!important}.shift-detail-noncash-grid{grid-template-columns:1fr!important;gap:6px!important}.shift-detail-footer{padding:10px 14px!important}.shift-detail-desktop-view{display:none!important}.shift-detail-mobile-view{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.shift-detail-section-container{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important}.shift-detail-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.shift-detail-search-wrap{width:100%!important;max-width:100%!important}.shift-detail-filter-counter{text-align:right!important}}.shift-detail-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.78rem;min-width:0}.shift-detail-card-row-label{color:var(--text-muted, #6B7280);font-size:.76rem;flex-shrink:0}.shift-detail-card-row-val{color:var(--text, #222222);text-align:right;word-break:break-word;min-width:0}.shift-detail-product-mobile-card{padding:10px 12px!important;background:var(--surface-2, #FFFFFF)!important;border:1px solid var(--border, #E2E8F0)!important;border-radius:8px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:6px!important}.shift-detail-product-mobile-header{display:flex;flex-direction:column;gap:2px;border-bottom:1px dashed var(--border, #E2E8F0);padding-bottom:6px}.shift-detail-product-mobile-name{font-weight:700;font-size:.82rem;color:var(--text, #222222);word-break:break-word;line-height:1.25}.shift-detail-product-mobile-sku{font-size:.68rem;color:var(--text-muted, #6B7280)}.shift-detail-product-mobile-body{display:flex;flex-direction:column;gap:4px}.shift-detail-product-mobile-body .highlight-subtotal{padding-top:4px;border-top:1px dashed var(--border, #E2E8F0);margin-top:2px}.shift-detail-summary-mobile-card{background:#d2462d0d!important;border:1px solid rgba(210,70,45,.25)!important;border-radius:8px!important;padding:10px 12px!important;display:flex!important;flex-direction:column!important;gap:6px!important;box-sizing:border-box!important;width:100%!important;margin-top:4px!important}.shift-detail-summary-mobile-card .highlight-total{padding-top:4px;border-top:1px dashed rgba(210,70,45,.25)}.shift-detail-tx-mobile-card{padding:10px 12px!important;background:var(--surface-2, #FFFFFF)!important;border:1px solid var(--border, #E2E8F0)!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;gap:6px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}.shift-detail-tx-mobile-row1{display:flex;justify-content:space-between;align-items:center;gap:8px}.shift-detail-tx-mobile-inv{font-size:.8rem;color:var(--text, #222222);word-break:break-all}.shift-detail-tx-mobile-time{display:flex;align-items:center;gap:5px;font-size:.68rem;color:var(--text-muted, #6B7280)}.shift-detail-tx-mobile-customer{display:flex;align-items:center;gap:6px;font-size:.76rem;color:var(--text, #222222);flex-wrap:wrap}.shift-detail-tx-mobile-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;padding-top:6px;border-top:1px dashed var(--border, #E2E8F0)}.shift-detail-tx-mobile-amount{font-size:.85rem}.shift-detail-movement-mobile-card{padding:10px 12px!important;background:var(--surface-2, #FFFFFF)!important;border:1px solid var(--border, #E2E8F0)!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;gap:6px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}.shift-detail-movement-mobile-card.type-in{border-left:3px solid #16a34a!important}.shift-detail-movement-mobile-card.type-out{border-left:3px solid #dc2626!important}.shift-detail-movement-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.shift-detail-movement-badge{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px;text-transform:uppercase}.shift-detail-movement-badge.badge-in{background:#dca34a1f;background:#16a34a1f;color:#16a34a}.shift-detail-movement-badge.badge-out{background:#dc26261f;color:#dc2626}.shift-detail-movement-mobile-date{font-size:.68rem;color:var(--text-muted, #6B7280)}.shift-detail-movement-mobile-field{display:flex;flex-direction:column;gap:1px}.shift-detail-field-label{font-size:.65rem;color:var(--text-muted, #6B7280);text-transform:uppercase;letter-spacing:.3px;font-weight:600}.shift-detail-field-val{color:var(--text, #222222);font-size:.78rem;word-break:break-word}.shift-detail-movement-mobile-amount-box{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px dashed var(--border, #E2E8F0);margin-top:2px}.shift-detail-movement-amount{font-size:.86rem}.shift-detail-expense-mobile-card{padding:10px 12px!important;background:var(--surface-2, #FFFFFF)!important;border:1px solid var(--border, #E2E8F0)!important;border-left:3px solid #dc2626!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;gap:6px!important;box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important}.shift-detail-expense-mobile-card.voided{border-left-color:var(--text-muted, #6B7280)!important;opacity:.75}.shift-detail-expense-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.shift-detail-expense-badge{font-size:.68rem;font-weight:800;padding:2px 6px;border-radius:4px;background:#dc26261f;color:#dc2626;text-transform:uppercase}.shift-detail-expense-mobile-date{font-size:.68rem;color:var(--text-muted, #6B7280)}.shift-detail-expense-mobile-field{display:flex;flex-direction:column;gap:1px}.shift-detail-field-sub{font-size:.68rem;color:var(--text-muted, #6B7280);margin-top:2px}.shift-detail-void-reason{font-size:.68rem;color:#dc2626;margin-top:2px}.shift-detail-expense-mobile-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:1px dashed var(--border, #E2E8F0);margin-top:2px}.shift-detail-expense-amount-wrap{display:flex;flex-direction:column;gap:1px}.shift-detail-expense-amount{font-size:.86rem}[data-theme=dark] .shift-detail-modal-card{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .shift-detail-header{background:#181a1f!important;border-bottom-color:#2d333e!important}[data-theme=dark] .shift-detail-title{color:#f5f5f5!important}[data-theme=dark] .shift-detail-number,[data-theme=dark] .shift-detail-meta{color:#a7adb8!important}[data-theme=dark] .shift-detail-meta-outlet{color:#f5f5f5!important}[data-theme=dark] .shift-detail-btn-close{color:#a7adb8!important}[data-theme=dark] .shift-detail-btn-close:hover{background:#22262e!important;color:#f5f5f5!important}[data-theme=dark] .shift-detail-tabs-bar{background:#14161a!important;border-bottom-color:#2d333e!important}[data-theme=dark] .shift-detail-tab-btn{color:#a7adb8!important}[data-theme=dark] .shift-detail-tab-btn:hover{background:#22262e!important;color:#f5f5f5!important}[data-theme=dark] .shift-detail-tab-btn.active{background:#22262e!important;color:#d2462d!important;border-color:#d2462d66!important}[data-theme=dark] .shift-detail-mobile-nav{background:#14161a!important;border-bottom-color:#2d333e!important}[data-theme=dark] .shift-detail-mobile-select{background:#22262e!important;border-color:#2d333e!important;color:#f5f5f5!important}[data-theme=dark] .shift-detail-mobile-select:focus{border-color:#d2462d!important}[data-theme=dark] .shift-detail-select-chevron{color:#a7adb8!important}[data-theme=dark] .shift-detail-body{background:#181a1f!important}[data-theme=dark] .shift-detail-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .shift-detail-row-label{color:#f5f5f5!important}[data-theme=dark] .shift-detail-product-mobile-card,[data-theme=dark] .shift-detail-tx-mobile-card,[data-theme=dark] .shift-detail-movement-mobile-card,[data-theme=dark] .shift-detail-expense-mobile-card{background:#22262e!important;border-color:#2d333e!important}[data-theme=dark] .shift-detail-summary-mobile-card{background:#d2462d1f!important;border-color:#d2462d66!important}[data-theme=dark] .shift-detail-product-mobile-name,[data-theme=dark] .shift-detail-tx-mobile-inv,[data-theme=dark] .shift-detail-card-row-val,[data-theme=dark] .shift-detail-field-val,[data-theme=dark] .shift-detail-tx-mobile-customer,[data-theme=dark] .shift-detail-row-val,[data-theme=dark] .shift-detail-card-title,[data-theme=dark] .shift-detail-metric-val,[data-theme=dark] .shift-detail-notes-content{color:#f5f5f5!important}[data-theme=dark] .shift-detail-card-row-label,[data-theme=dark] .shift-detail-field-label,[data-theme=dark] .shift-detail-product-mobile-sku,[data-theme=dark] .shift-detail-tx-mobile-time,[data-theme=dark] .shift-detail-field-sub,[data-theme=dark] .shift-detail-movement-mobile-date,[data-theme=dark] .shift-detail-expense-mobile-date,[data-theme=dark] .shift-detail-metric-label,[data-theme=dark] .shift-detail-notes-title{color:#a7adb8!important}[data-theme=dark] .shift-detail-product-mobile-header,[data-theme=dark] .shift-detail-product-mobile-body .highlight-subtotal,[data-theme=dark] .shift-detail-tx-mobile-footer,[data-theme=dark] .shift-detail-movement-mobile-amount-box,[data-theme=dark] .shift-detail-expense-mobile-footer,[data-theme=dark] .shift-detail-closed-section,[data-theme=dark] .shift-detail-closing-notes-wrap{border-color:#2d333e!important}[data-theme=dark] .shift-detail-reconciliation-divider{background:#2d333e!important}[data-theme=dark] .shift-detail-expected-card{background:#d2462d1f!important;border-color:#d2462d80!important}[data-theme=dark] .shift-detail-metric-item{background:#181a1f!important}[data-theme=dark] .shift-detail-footer{background:#181a1f!important;border-top-color:#2d333e!important}[data-theme=dark] .shift-detail-btn-cancel{background:#22262e!important;border-color:#2d333e!important;color:#f5f5f5!important}[data-theme=dark] .shift-detail-btn-cancel:hover{background:#282d36!important;color:#d2462d!important;border-color:#d2462d!important}.pos-product-card-clean{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;min-height:126px;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;position:relative;box-sizing:border-box}.pos-product-card-clean:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014;border-color:var(--primary-border, rgba(210, 70, 45, .3))}[data-theme=dark] .pos-product-card-clean{background:#181a1f;border-color:#2d333e;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .pos-product-card-clean:hover{border-color:#d2462d80;box-shadow:0 4px 12px #00000080}.pos-card-top-row{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}.pos-card-badges-group{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.pos-card-badge-bundle{background:#7c3aed;color:#fff;font-size:.62rem;font-weight:800;padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:3px}.pos-card-in-cart-pill{font-size:.65rem;font-weight:800;border-radius:6px;padding:1px 6px;background:#d2462d1f;color:var(--primary, #D2462D);border:1px solid rgba(210,70,45,.25);display:inline-flex;align-items:center}.pos-card-middle{margin:8px 0;flex:1;display:flex;flex-direction:column;justify-content:center}.pos-card-title{font-size:.9rem;font-weight:700;color:var(--text-main, #252525);line-height:1.35;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .pos-card-title{color:#f8fafc}.pos-card-variant-subtle{font-size:.72rem;color:var(--text-muted, #64748B);margin-top:3px;display:block}.pos-card-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px}.pos-card-price{font-size:.96rem;font-weight:800;font-family:var(--font-mono, monospace);color:var(--text-main, #252525)}[data-theme=dark] .pos-card-price{color:#f8fafc}.pos-card-no-price{color:var(--error, #EF4444);font-size:.75rem;font-weight:600}.btn-pos-card-add{width:40px;height:40px;background:var(--primary, #D2462D);color:#fff;border:none;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,transform .1s ease;flex-shrink:0}.btn-pos-card-add:hover{background:var(--primary-hover, #B83822);transform:scale(1.04)}.pos-card-fav-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--border, #E5E7EB);background:var(--surface, #FFFFFF);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}[data-theme=dark] .pos-card-fav-btn{background:#22262e;border-color:#2d333e}.pos-header-quick-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.pos-shift-dot-active{width:7px;height:7px;border-radius:50%;background:#22c55e;margin-left:2px;box-shadow:0 0 6px #22c55eb3;display:inline-block;flex-shrink:0}.mobile-quick-action-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;padding:4px 0 2px;box-sizing:border-box}.mobile-qa-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:10px;font-size:.74rem;font-weight:700;height:44px;min-height:44px;padding:0 4px;background:var(--surface, #FFFFFF);border:1.5px solid var(--border, #CBD5E1);color:var(--text-main, #252525);cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-sizing:border-box;box-shadow:0 1px 2px #00000008}.mobile-qa-btn:hover{background:var(--surface-hover, #F8F9FA);border-color:var(--border-strong, #94A3B8)}.mobile-qa-btn:active{transform:scale(.97)}.mobile-qa-btn-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.73rem;line-height:1.2}.mobile-qa-icon{flex-shrink:0;color:var(--text-muted, #64748B)}.mobile-qa-btn.mobile-qa-suspended-btn{border-color:#d2462d61;background:#d2462d0d;color:var(--primary, #D2462D)}.mobile-qa-btn.mobile-qa-suspended-btn .mobile-qa-icon{color:var(--primary, #D2462D)}.mobile-qa-btn.mobile-qa-suspended-btn:hover{background:#d2462d17;border-color:var(--primary, #D2462D)}.mobile-qa-btn .suspended-count-badge{background:var(--primary, #D2462D);color:#fff;font-size:.65rem;font-weight:800;border-radius:9999px;padding:1px 5px;min-width:17px;height:17px;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;margin-left:1px}.mobile-qa-btn.mobile-qa-shift-btn.active{background:#16a34a0f;border-color:#16a34a59;color:var(--success, #16A34A)}.mobile-qa-btn.mobile-qa-shift-btn.active .mobile-qa-icon{color:var(--success, #16A34A)}.mobile-qa-btn .pos-shift-dot-active{width:6px;height:6px;border-radius:50%;background:#22c55e;display:inline-block;flex-shrink:0;box-shadow:0 0 4px #22c55e99}[data-theme=dark] .mobile-qa-btn{background:var(--surface-elevated, #20242A);border-color:var(--border, #2D333E);color:var(--text-main, #F1F5F9);box-shadow:0 1px 2px #00000040}[data-theme=dark] .mobile-qa-btn:hover{background:var(--surface-hover, #262B34);border-color:var(--border-strong, #3D4452)}[data-theme=dark] .mobile-qa-btn .mobile-qa-icon{color:var(--text-muted, #AAB4C3)}[data-theme=dark] .mobile-qa-btn.mobile-qa-suspended-btn{background:#d2462d24;border-color:#d2462d80;color:#ffa594}[data-theme=dark] .mobile-qa-btn.mobile-qa-suspended-btn .mobile-qa-icon{color:#ffa594}[data-theme=dark] .mobile-qa-btn.mobile-qa-shift-btn.active{background:#22c55e1f;border-color:#22c55e66;color:#4ade80}[data-theme=dark] .mobile-qa-btn.mobile-qa-shift-btn.active .mobile-qa-icon{color:#4ade80}@media(max-width:380px){.mobile-quick-action-row{gap:4px}.mobile-qa-btn{padding:0 2px;gap:3px}.mobile-qa-btn-text{font-size:.67rem}.mobile-qa-icon{width:12px;height:12px}}.btn-pos-mobile-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:8px;font-weight:700;font-size:.78rem;padding:8px 14px;min-height:44px;cursor:pointer;transition:all .15s ease}.btn-pos-mobile-action.btn-select-customer,.btn-pos-mobile-action.btn-add-member{background:var(--surface-2, #F4F5F7);color:var(--text, #252525);border:1px solid var(--border, #E2E8F0);height:38px;min-height:38px;padding:0 14px;border-radius:8px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.btn-pos-mobile-action.btn-select-customer:hover,.btn-pos-mobile-action.btn-select-customer:active,.btn-pos-mobile-action.btn-add-member:hover,.btn-pos-mobile-action.btn-add-member:active{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D);background:var(--surface, #FFFFFF)}[data-theme=dark] .btn-pos-mobile-action.btn-select-customer,[data-theme=dark] .btn-pos-mobile-action.btn-add-member{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-pos-mobile-action.btn-select-customer:hover,[data-theme=dark] .btn-pos-mobile-action.btn-select-customer:active,[data-theme=dark] .btn-pos-mobile-action.btn-add-member:hover,[data-theme=dark] .btn-pos-mobile-action.btn-add-member:active{background:#282d36;border-color:#d2462d;color:#d2462d}.btn-compact-action{height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 12px;border-radius:6px;font-size:.76rem;font-weight:700;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-main);transition:all .15s ease}.btn-compact-action.edit{color:var(--primary, #D2462D);border-color:var(--primary-border, rgba(210, 70, 45, .3))}.btn-compact-action.delete{color:var(--error, #DC2626);border-color:#dc26264d}.drawer-item-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.btn-drawer-note-action{background:none;border:none;color:var(--primary, #D2462D);font-size:.74rem;font-weight:600;cursor:pointer;padding:0;display:inline-flex;align-items:center;gap:4px}.btn-drawer-footer-simpan{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-weight:700;font-size:.84rem;padding:0 16px;background:var(--surface);border:1.5px solid var(--border);color:var(--text-main);cursor:pointer;flex:1}.btn-drawer-footer-bayar{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;font-weight:700;font-size:.84rem;padding:0 16px;background:var(--primary, #D2462D);border:none;color:#fff;cursor:pointer;flex:1.5}.customer-select-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--border)}.customer-select-btn-pick{background:var(--primary, #D2462D);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:.76rem;font-weight:700;cursor:pointer}.customer-type-selector{display:grid;grid-template-columns:1fr 1fr;gap:8px}.customer-type-card{height:46px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1.5px solid var(--border);background:var(--surface);font-weight:700;font-size:.82rem;cursor:pointer}.pos-variant-modal-panel{border-radius:12px;background:var(--surface)}.pos-variant-btn{border-radius:8px;border:1px solid var(--border);padding:8px 12px}.pos-footer-stepper{display:flex;align-items:center;gap:6px}.pos-footer-submit-cta{height:48px;background:var(--primary, #D2462D);color:#fff;border:none;border-radius:8px;font-weight:800;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.pos-header{height:56px;min-height:56px;background:var(--surface, #FFFFFF);border-bottom:1px solid var(--border, #E5E7EB);padding:0 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;z-index:20;box-sizing:border-box}.pos-header-left{display:flex;align-items:center;gap:12px;min-width:0}.btn-pos-menu-toggle{background:none;border:none;color:var(--text-main, #252525);cursor:pointer;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.pos-header-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.pos-header-title{font-size:1.15rem;font-weight:800;color:var(--text-main, #252525);margin:0;letter-spacing:-.01em}.pos-shift-status-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:20px;font-size:.72rem;font-weight:700;background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3);white-space:nowrap}.pos-shift-status-pill.closed{background:#ef44441a;color:#dc2626;border-color:#ef44444d}.pos-shift-status-pill.owner{background:#2563eb1a;color:#2563eb;border-color:#2563eb4d}.pos-shift-pulse-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55eb3;display:inline-block}.pos-shift-user-outlet{font-size:.76rem;color:var(--text-muted, #64748B);display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pos-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.pos-btn-header{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .15s ease;border:1px solid var(--border, #E5E7EB);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);height:36px;box-sizing:border-box;-webkit-user-select:none;user-select:none;touch-action:manipulation}.pos-btn-header:hover{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D);background:#d2462d0a}.pos-btn-header-cart{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D);background:#d2462d0f}.pos-btn-header-cart:hover{background:#d2462d1f}.pos-btn-header-danger{background:#dc262614;color:#dc2626;border-color:#dc26264d}.pos-btn-header-danger:hover{background:#dc2626;color:#fff;border-color:#dc2626}.pos-customer-order-panel{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E5E7EB);border-radius:10px;padding:8px 14px;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-shadow:0 1px 3px #00000005}.pos-panel-customer-side{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.pos-panel-customer-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2, #FAF9F7);border:1px solid var(--border, #E5E7EB);border-radius:6px;padding:4px 10px;font-size:.78rem;font-weight:700;color:var(--text-main, #252525);max-width:240px}.customer-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pos-panel-order-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pos-order-type-pills{display:flex;align-items:center;gap:4px;background:var(--surface-2, #FAF9F7);padding:3px;border-radius:8px;border:1px solid var(--border, #E5E7EB)}.pos-order-pill{padding:4px 10px;border-radius:6px;border:none;background:transparent;font-size:.75rem;font-weight:700;color:var(--text-muted, #64748B);cursor:pointer;transition:all .15s ease}.pos-order-pill.active{background:var(--primary, #D2462D);color:#fff;box-shadow:0 1px 4px #d2462d4d}.pos-queue-input-wrap{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2, #FAF9F7);border:1px solid var(--border, #E5E7EB);border-radius:6px;padding:3px 8px}.pos-queue-input{border:none;background:transparent;font-size:.78rem;font-weight:800;font-family:monospace;width:48px;color:var(--text-main, #252525);outline:none;text-transform:uppercase}.btn-pos-queue-refresh{background:none;border:none;cursor:pointer;color:var(--text-muted, #64748B);display:inline-flex;align-items:center;padding:2px}.btn-pos-queue-refresh:hover{color:var(--primary, #D2462D)}[data-theme=dark] .pos-header{background:#181a1f;border-color:#2d333e}[data-theme=dark] .pos-header-title,[data-theme=dark] .btn-pos-menu-toggle{color:#f5f5f5}[data-theme=dark] .pos-btn-header{background:#22262e;border-color:#2d333e;color:#f5f5f5}[data-theme=dark] .pos-btn-header:hover{background:#282d36;border-color:#d2462d;color:#d2462d}[data-theme=dark] .pos-btn-header-cart{background:#d2462d26;border-color:#d2462d66;color:#d2462d}[data-theme=dark] .pos-customer-order-panel{background:#181a1f;border-color:#2d333e}[data-theme=dark] .pos-panel-customer-chip{background:#22262e;border-color:#2d333e;color:#f5f5f5}[data-theme=dark] .pos-order-type-pills{background:#22262e;border-color:#2d333e}[data-theme=dark] .pos-order-pill{color:#a7adb8}[data-theme=dark] .pos-order-pill.active{background:#d2462d;color:#fff}[data-theme=dark] .pos-queue-input-wrap{background:#22262e;border-color:#2d333e}[data-theme=dark] .pos-queue-input{color:#f5f5f5}.pos-cart-header-compact{padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.pos-cart-header-top-line{display:flex;align-items:center;justify-content:space-between;gap:8px}.pos-cart-title-wrap{display:flex;align-items:center;gap:6px}.pos-cart-title-wrap .cart-icon{color:var(--primary, #D2462D);flex-shrink:0}.pos-cart-title{font-size:.94rem;font-weight:700;color:var(--text, #111827);margin:0;line-height:1.2}.pos-cart-count-badge{font-size:.78rem;font-weight:700;color:var(--text-muted, #6B7280)}.cart-header-title-text{font-size:.92rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:6px}.cart-header-title-text svg{color:var(--primary, #D2462D)}.cart-header-badge{font-size:.76rem;font-weight:700;color:var(--text-muted)}.btn-cart-clear,.btn-cart-clear-minimal{display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-size:.72rem;font-weight:600;color:var(--text-muted, #6B7280);cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s ease}.btn-cart-clear:hover,.btn-cart-clear-minimal:hover{background:#ef44441a;color:#ef4444}.pos-cart-header-sub-line{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-muted, #6B7280);margin-top:1px}.pos-cart-sub-cust,.cart-sub-cust{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--text, #111827);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-summary-cust-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-member-tag{font-size:.62rem;font-weight:800;background:#d2462d1f;color:var(--primary, #D2462D);padding:1px 4px;border-radius:3px;flex-shrink:0}.pos-cart-sub-sep,.cart-sub-divider{opacity:.4}.pos-cart-sub-order,.cart-sub-ordertype{font-weight:600;color:var(--text-muted, #6B7280)}.cart-sub-queue{font-family:monospace;font-weight:700;background:var(--surface-2);padding:1px 4px;border-radius:3px;border:1px solid var(--border)}.cart-empty-state-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px 16px;color:var(--text-muted);flex:1}.cart-empty-state-compact .empty-cart-icon-wrap{width:44px;height:44px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:#94a3b8;border:1px solid var(--border)}.cart-empty-state-compact .empty-cart-title{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:4px}.cart-empty-state-compact .empty-cart-desc{font-size:.74rem;color:var(--text-muted);max-width:190px;line-height:1.4}.pos-mobile-customer-card{padding:12px 14px}.pos-mobile-customer-selected-content{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:center;padding:8px 0 2px}.customer-info-row-left{min-width:0}.customer-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.customer-name-bold{font-size:.92rem;font-weight:700;color:var(--text-main, #252525);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-pill{font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:9999px;background:#d2462d1a;color:var(--primary, #D2462D);border:1px solid rgba(210,70,45,.25);white-space:nowrap;display:inline-flex;align-items:center}.customer-sub-row{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--text-muted, #64748B)}.customer-phone-val,.customer-code-val{font-size:.8rem;color:var(--text-muted, #64748B)}.customer-info-row-right{display:flex;justify-content:flex-end;align-items:center}.btn-customer-card-edit{height:32px;min-height:32px;padding:0 12px;border-radius:7px;font-size:.76rem;font-weight:600;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;box-shadow:0 1px 2px #00000008}.btn-customer-card-edit:hover{background:var(--surface-hover, #F8FAFC);border-color:var(--border-strong, #94A3B8)}.btn-customer-card-remove{background:none;border:none;padding:0 4px;height:24px;min-height:24px;display:inline-flex;align-items:center;gap:4px;color:var(--error, #EF4444);font-size:.76rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.btn-customer-card-remove:hover{opacity:.8}.pos-mobile-customer-unselected-content{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0 2px}.guest-primary-info{display:flex;flex-direction:column;gap:2px}.guest-title-text{font-size:.88rem;font-weight:700;color:var(--text)}.pos-mobile-customer-actions{display:flex;align-items:center;gap:8px}.btn-pos-mobile-action{height:38px;min-height:38px;padding:0 14px;border-radius:8px;font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-sizing:border-box;position:relative;border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:all .15s ease}.btn-pos-mobile-action:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;min-width:44px;min-height:44px}.btn-pos-mobile-action:hover,.btn-pos-mobile-action:active{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D);background:var(--surface)}.btn-pos-mobile-action.btn-change-customer{height:32px;min-height:32px;padding:0 10px;font-size:.74rem}.mobile-action-bar-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;padding:4px 0 2px;box-sizing:border-box;background:transparent}.mobile-action-bar-row .mobile-qa-btn{height:44px;min-height:44px;padding:0;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);cursor:pointer;white-space:nowrap;transition:all .15s ease;box-shadow:0 1px 2px #00000008;box-sizing:border-box;position:relative}.mobile-action-bar-row .mobile-qa-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;gap:5px;line-height:1}.mobile-action-bar-row .mobile-qa-icon{stroke-width:1.8;color:var(--text-main, #252525)}.mobile-action-bar-row .mobile-qa-btn:hover{background:var(--surface-hover, #F8F9FA);border-color:var(--border-strong, #94A3B8)}.mobile-action-bar-row .mobile-qa-btn.mobile-qa-suspended-btn{border-color:#d2462d61;background:#d2462d0d}.mobile-action-bar-row .mobile-qa-btn.mobile-qa-suspended-btn .mobile-qa-icon{color:var(--primary, #D2462D)}.mobile-action-bar-row .mobile-qa-btn.mobile-qa-suspended-btn:hover{background:#d2462d17;border-color:var(--primary, #D2462D)}.mobile-action-bar-row .mobile-qa-btn.active{background:#16a34a0f;border-color:#16a34a59}.mobile-action-bar-row .mobile-qa-btn.active .mobile-qa-icon{color:var(--success, #16A34A)}.mobile-action-bar-row .suspended-count-badge{background:var(--primary, #D2462D);color:#fff;font-size:.68rem;font-weight:800;border-radius:9999px;padding:1px 6px;min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0}.pos-mobile-more-container{position:relative;flex-shrink:0;margin-left:auto}.mobile-qa-more-trigger{width:36px!important;height:36px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.pos-mobile-more-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000026;padding:6px;z-index:1000;display:flex;flex-direction:column;gap:2px}.pos-mobile-more-item{width:100%;min-height:44px;height:44px;display:flex;align-items:center;gap:10px;padding:0 12px;border:none;background:transparent;border-radius:6px;font-size:.84rem;font-weight:600;color:var(--text-main, #252525);cursor:pointer;text-align:left;transition:background-color .15s ease}.pos-mobile-more-item:hover{background:var(--surface-2)}.pos-variant-modal-panel{max-width:480px!important;width:100%!important;background:var(--surface, #FFFFFF)!important;border:1px solid var(--border)!important;border-radius:14px!important;box-shadow:0 10px 30px #00000026!important;overflow:hidden!important}.pos-variant-modal-body{padding:16px!important;max-height:calc(85vh - 140px)!important;overflow-y:auto!important}.pos-variant-modal-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:14px 16px!important;border-top:1px solid var(--border)!important;background:var(--surface)!important}.pos-variant-section{margin-bottom:16px}.pos-variant-section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:8px;display:flex;align-items:center;justify-content:space-between}.pos-variant-section-meta{font-size:.7rem;font-weight:500;color:var(--text-muted);text-transform:none}.pos-variant-single-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.pos-variant-btn{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;display:flex;flex-direction:column;gap:4px;text-align:left;transition:all .15s ease}.pos-variant-btn:hover{border-color:var(--primary)}.pos-variant-btn.selected{border-color:var(--primary);background:#d2462d14}.pos-variant-btn-header{display:flex;align-items:center;justify-content:space-between;gap:4px}.pos-variant-name{font-size:.82rem;font-weight:700;color:var(--text)}.pos-variant-check-icon{color:var(--primary);flex-shrink:0}.pos-variant-price{font-size:.78rem;font-weight:600;color:var(--text-muted)}.pos-modifier-chips{display:flex;flex-wrap:wrap;gap:8px}.pos-chip-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font-size:.8rem;font-weight:600;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.pos-chip-btn:hover{border-color:var(--primary)}.pos-chip-btn.selected{border-color:var(--primary);background:#d2462d14;color:var(--primary)}.pos-flavor-2col-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pos-flavor-choice-btn{padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);font-size:.82rem;font-weight:600;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .15s ease}.pos-flavor-choice-btn:hover{border-color:var(--primary)}.pos-flavor-choice-btn.selected{border-color:var(--primary);background:#d2462d14;color:var(--primary)}.pos-flavor-check-indicator{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pos-variant-input{width:100%;height:42px;padding:0 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:.85rem;outline:none;box-sizing:border-box;transition:border-color .15s ease}.pos-variant-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #d2462d26}.pos-variant-input-counter-row{display:flex;justify-content:space-between;font-size:.72rem;color:var(--text-muted);margin-top:4px}.pos-addons-container{display:flex;flex-direction:column;gap:8px}.pos-addon-row-card{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);transition:all .15s ease}.pos-addon-row-card.active{border-color:#d2462d66;background:#d2462d0a}.pos-addon-details{display:flex;flex-direction:column;gap:2px}.pos-addon-title-row{display:flex;align-items:center;gap:6px}.pos-addon-name{font-size:.82rem;font-weight:600;color:var(--text)}.pos-addon-price{font-size:.76rem;font-weight:600;color:var(--text-muted)}.pos-addon-ctrl-wrap{display:flex;align-items:center;gap:6px}.pos-addon-stepper-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pos-addon-stepper-btn:hover{border-color:var(--primary);color:var(--primary)}.pos-addon-stepper-btn.plus-primary{background:#d2462d14;border-color:#d2462d4d;color:var(--primary)}.pos-addon-count-text{font-size:.85rem;font-weight:700;min-width:22px;text-align:center;color:var(--text)}.pos-footer-stepper{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);overflow:hidden}.pos-footer-stepper-btn{width:44px;min-width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text);cursor:pointer;transition:background-color .15s ease}.pos-footer-stepper-btn:hover:not(:disabled){background:var(--surface)}.pos-footer-stepper-btn:disabled{opacity:.35;cursor:not-allowed}.pos-footer-qty-display{min-width:36px;text-align:center;font-size:.95rem;font-weight:800;color:var(--text)}.pos-footer-submit-cta{flex:1;height:40px;background:var(--primary, #D2462D);color:#fff;border:none;border-radius:8px;font-size:.88rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .15s ease}.pos-footer-submit-cta:hover:not(:disabled){filter:brightness(1.06)}.pos-footer-submit-cta:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.pos-footer-stepper-btn{min-width:44px!important;min-height:44px!important}.pos-footer-submit-cta{flex:1!important;white-space:nowrap!important;overflow:hidden!important}.pos-variant-modal-footer{position:sticky!important;bottom:0!important;display:flex!important}}.floating-modal-overlay{background:#00000080!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:1000!important;padding:16px!important}.floating-modal-card{width:100%!important;max-width:440px!important;background:var(--surface, #FFFFFF)!important;border:1px solid var(--border)!important;border-radius:12px!important;box-shadow:0 10px 30px #00000026!important;overflow:hidden!important;animation:fadeIn .15s ease!important}.discount-modal-card{max-width:420px!important}.loyalty-modal-card{max-width:440px!important}.floating-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:14px 18px!important;border-bottom:1px solid var(--border)!important;background:var(--surface-2, #F8FAFC)!important}.floating-modal-title-row{display:flex;align-items:center;gap:10px}.floating-header-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.floating-header-icon.blue{background:#2563eb1a;color:#2563eb}.floating-header-icon.amber{background:#d977061a;color:#d97706}.floating-header-icon.red{background:#d2462d1a;color:#d2462d}.floating-modal-title{font-size:.95rem;font-weight:700;color:var(--text);margin:0}.floating-modal-close{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;min-height:44px;min-width:44px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.floating-modal-close:hover{background:#0000000d;color:var(--text)}.floating-modal-body{padding:18px!important;display:flex!important;flex-direction:column!important;gap:14px!important}.floating-form-group{display:flex;flex-direction:column;gap:6px}.floating-form-label{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);display:flex;align-items:center;gap:4px}.floating-form-input,.floating-form-select,.floating-form-textarea{width:100%;border-radius:8px;border:1px solid var(--border);background:var(--surface-2, #F4F5F7);color:var(--text);font-size:.85rem;padding:10px 12px;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.floating-form-input{height:42px;padding:0 12px}.floating-form-input:focus,.floating-form-select:focus,.floating-form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px #d2462d26}.floating-currency-wrap{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2, #F4F5F7);overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease}.floating-currency-prefix{padding:0 12px;font-size:.85rem;font-weight:700;color:var(--text-muted);background:#00000008;height:42px;display:flex;align-items:center;border-right:1px solid var(--border);flex-shrink:0}.floating-currency-suffix{padding:0 12px;font-size:.85rem;font-weight:700;color:var(--text-muted);background:#00000008;height:42px;display:flex;align-items:center;border-left:1px solid var(--border);border-right:none;flex-shrink:0}.floating-currency-input{flex:1;border:none;background:transparent;padding:0 12px;height:42px;font-size:.95rem;font-weight:700;color:var(--text);outline:none}.floating-currency-wrap:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #d2462d26}.floating-helper-text{font-size:.72rem;color:var(--text-muted)}.floating-radio-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.floating-radio-card{display:flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:44px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);cursor:pointer;font-size:.8rem;font-weight:600;color:var(--text);transition:all .15s ease}.floating-radio-card input{display:none}.floating-radio-card.active{border-color:var(--primary);background:#d2462d14;color:var(--primary);font-weight:700}.floating-modal-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:14px 18px!important;border-top:1px solid var(--border)!important;background:var(--surface)!important}.floating-btn-cancel{height:40px;min-height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;justify-content:center}.floating-btn-cancel:hover{background:var(--surface-2)}.floating-btn-submit{height:40px;min-height:44px;padding:0 20px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:filter .15s ease}.floating-btn-submit:hover:not(:disabled){filter:brightness(1.06)}.floating-summary-card{background:var(--surface-2, #F4F5F7);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}.floating-summary-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.floating-summary-label{color:var(--text-muted)}.floating-summary-value{font-weight:600;font-family:monospace;color:var(--text)}.floating-summary-value.positive{color:#15803d}.floating-summary-value.negative{color:#dc2626}.floating-summary-divider{border-top:1px solid var(--border);padding-top:6px;margin-top:2px}.floating-summary-total{font-size:.92rem;font-weight:800;font-family:monospace;color:var(--text)}.loyalty-modal-card{max-width:440px!important;width:100%!important;max-height:88vh;display:flex!important;flex-direction:column!important;overflow:hidden!important;border-radius:12px!important;background:var(--surface, #FFFFFF)!important;border:1px solid var(--border)!important;box-shadow:0 16px 36px #00000029!important}.loyalty-modal-card .floating-modal-header{padding:12px 16px!important;flex-shrink:0;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:1px solid var(--border)!important;background:var(--surface-2, #F8FAFC)!important}.loyalty-modal-card .floating-modal-body{padding:14px 16px!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;gap:12px!important;flex:1 1 auto}.loyalty-summary-card{background:var(--surface-2, #F8FAFC);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.loyalty-customer-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.loyalty-customer-name-row{display:flex;align-items:center;gap:6px;min-width:0}.loyalty-customer-name{font-size:.9rem;font-weight:700;color:var(--text, #252525);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loyalty-member-badge{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 6px;border-radius:4px;background:#d977061f;color:#b45309;flex-shrink:0}.loyalty-customer-phone{font-size:.78rem;color:var(--text-muted, #64748B);font-family:var(--font-mono, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loyalty-saldo-badge{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:2px;padding:6px 12px;border-radius:8px;background:#d977061a;border:1.5px solid rgba(217,119,6,.35);color:#b45309;flex-shrink:0;min-width:105px}.loyalty-saldo-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:.85}.loyalty-saldo-value-row{display:flex;align-items:center;gap:5px}.loyalty-saldo-star{color:#d97706;fill:#d97706;flex-shrink:0}.loyalty-saldo-points{font-size:.96rem;font-weight:800;color:#92400e;letter-spacing:-.2px}.loyalty-reward-section{display:flex;flex-direction:column;gap:8px}.loyalty-reward-header-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.loyalty-reward-title{font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #64748B);margin:0}.loyalty-reward-subtitle{font-size:.72rem;color:var(--text-muted, #64748B)}.loyalty-reward-list{display:flex;flex-direction:column;gap:8px}.loyalty-reward-card{display:flex;flex-direction:column;gap:6px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);cursor:pointer;transition:all .15s ease;position:relative;-webkit-user-select:none;user-select:none;min-height:44px}.loyalty-reward-card:hover:not(.disabled){border-color:#d2462d73;background:var(--surface-hover, #F8FAFC);box-shadow:0 2px 8px #0000000a}.loyalty-reward-card.selected{border-color:var(--primary, #D2462D)!important;background:#d2462d0d!important;box-shadow:0 0 0 1px var(--primary, #D2462D)}.loyalty-reward-card.disabled{opacity:.65;cursor:not-allowed;background:var(--surface-2, #F8FAFC);border-color:var(--border, #E2E8F0)}.loyalty-reward-card:focus-visible{outline:2px solid var(--primary, #D2462D);outline-offset:1px}.loyalty-reward-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.loyalty-reward-points-group{display:flex;align-items:center;gap:10px}.loyalty-reward-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-strong, #CBD5E1);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease;background:var(--surface, #FFFFFF)}.loyalty-reward-card.selected .loyalty-reward-radio{border-color:var(--primary, #D2462D);background:var(--primary, #D2462D)}.loyalty-reward-radio-inner{width:6px;height:6px;border-radius:50%;background:#fff}.loyalty-reward-label{font-size:.95rem;font-weight:700;color:var(--text, #252525);letter-spacing:-.2px}.loyalty-reward-value{font-size:.96rem;font-weight:800;color:#15803d;text-align:right;letter-spacing:-.2px}.loyalty-reward-card.disabled .loyalty-reward-value{color:var(--text-muted, #64748B)}.loyalty-reward-card-desc-row{display:flex;align-items:center;padding-left:28px}.loyalty-reward-desc{font-size:.78rem;color:var(--text-muted, #64748B);font-weight:500}.loyalty-reward-card-footer{display:flex;align-items:center;justify-content:flex-start;padding-left:28px;margin-top:2px}.loyalty-reward-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:6px;font-size:.72rem;font-weight:600;line-height:1.3}.loyalty-reward-tag.ineligible{background:#ef444417;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.loyalty-reward-tag.selected-indicator{background:#d2462d1a;color:var(--primary, #D2462D);border:1px solid rgba(210,70,45,.25);font-weight:700}.loyalty-reward-tag.available-indicator{background:#16a34a14;color:#15803d;border:1px solid rgba(22,163,74,.2)}.tag-alert-icon,.tag-check-icon{flex-shrink:0}.loyalty-consequence-card{background:#d2462d0a;border:1px dashed rgba(210,70,45,.35);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}.loyalty-consequence-header{display:flex;align-items:center;justify-content:space-between}.loyalty-consequence-title{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--primary, #D2462D)}.loyalty-consequence-badge{font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:4px;background:#d2462d1a;color:var(--primary, #D2462D);text-transform:uppercase}.loyalty-consequence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.loyalty-consequence-item{display:flex;flex-direction:column;gap:2px;padding:6px 8px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:6px}.loyalty-consequence-item.highlight{border-color:#16a34a4d;background:#16a34a0a}.consequence-item-label{font-size:.68rem;color:var(--text-muted, #64748B);font-weight:600;white-space:nowrap}.consequence-item-val{font-size:.82rem;font-weight:800;color:var(--text, #252525);white-space:nowrap}.consequence-item-val.text-error{color:#dc2626}.consequence-item-val.text-success{color:#15803d}.loyalty-zero-notice{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;background:#d9770614;border:1px solid rgba(217,119,6,.25);color:#b45309;font-size:.78rem;font-weight:600}.loyalty-modal-footer{position:sticky!important;bottom:0!important;background:var(--surface, #FFFFFF)!important;border-top:1px solid var(--border)!important;padding:12px 16px!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;z-index:2!important;flex-shrink:0!important}.open-shift-modal-card{max-width:440px!important;border-radius:12px!important;background:var(--surface)!important;border:1px solid var(--border)!important;overflow:hidden!important;box-shadow:0 10px 30px #00000026!important}.open-shift-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--surface-2)}.open-shift-modal-title-group{display:flex;align-items:center;gap:10px}.open-shift-header-icon{color:var(--primary)}.open-shift-modal-title{font-size:.95rem;font-weight:800;color:var(--text);letter-spacing:.5px;margin:0}.open-shift-modal-close{background:transparent;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer}.open-shift-modal-close:hover{background:#0000000d;color:var(--text)}.open-shift-info-card{background:var(--surface-2, #F4F5F7);border:1px solid var(--border);border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.open-shift-info-row{display:flex;align-items:center;justify-content:space-between;font-size:.82rem}.open-shift-info-label{color:var(--text-muted);font-weight:500}.open-shift-info-value{color:var(--text);font-weight:700}.open-shift-info-value.outlet{color:var(--primary)}.open-shift-badge{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}.open-shift-badge-ontime{background:#22c55e1f;color:#15803d}.open-shift-badge-late{background:#ef44441f;color:#dc2626}.open-shift-badge-unverified{background:#64748b1f;color:#64748b}.open-shift-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;gap:4px}.open-shift-input-group{display:flex;align-items:center;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);overflow:hidden;transition:border-color .15s ease}.open-shift-currency-badge{padding:0 12px;font-size:.85rem;font-weight:700;color:var(--text-muted);background:#00000008;height:42px;display:flex;align-items:center;border-right:1px solid var(--border)}.open-shift-input-field{flex:1;border:none;background:transparent;padding:0 12px;height:42px;font-size:1rem;font-weight:700;color:var(--text);outline:none;font-family:monospace}.open-shift-input-group:focus-within{border-color:var(--primary);box-shadow:0 0 0 2px #d2462d26}.open-shift-text-input{width:100%;height:40px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);padding:0 12px;font-size:.85rem;color:var(--text);outline:none;box-sizing:border-box;transition:border-color .15s ease}.open-shift-text-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #d2462d26}.open-shift-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 18px;border-top:1px solid var(--border);background:var(--surface)}.open-shift-btn-cancel{height:40px;padding:0 18px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s ease}.open-shift-btn-cancel:hover{background:var(--surface-2)}.open-shift-btn-submit{height:40px;padding:0 20px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;font-size:.85rem;font-weight:800;cursor:pointer;display:flex;align-items:center;gap:6px;transition:filter .15s ease}.open-shift-btn-submit:hover:not(:disabled){filter:brightness(1.06)}[data-theme=dark] .pos-cart-header-compact{background:#181a1f;border-color:#2d333e}[data-theme=dark] .cart-header-title-text{color:#f1f5f9}[data-theme=dark] .cart-sub-cust{color:#cbd5e1}[data-theme=dark] .cart-empty-state-compact .empty-cart-icon-wrap{background:#20242a;border-color:#282c34;color:#64748b}[data-theme=dark] .cart-empty-state-compact .empty-cart-title,[data-theme=dark] .guest-title-text{color:#f1f5f9}[data-theme=dark] .btn-pos-mobile-action{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-pos-mobile-action:hover,[data-theme=dark] .btn-pos-mobile-action:active{background:#282d36;border-color:#d2462d;color:#d2462d}[data-theme=dark] .pos-mobile-customer-card{background:var(--surface-elevated, #20242A);border-color:var(--border, #2D333E)}[data-theme=dark] .customer-name-bold{color:var(--text-main, #F1F5F9)}[data-theme=dark] .customer-sub-row,[data-theme=dark] .customer-phone-val,[data-theme=dark] .customer-code-val{color:#94a3b8}[data-theme=dark] .btn-customer-card-edit{background:#282e37;border-color:#3d4452;color:#f1f5f9}[data-theme=dark] .btn-customer-card-edit:hover{background:#333a46}[data-theme=dark] .mobile-action-bar-row{background:transparent;border-color:transparent}[data-theme=dark] .mobile-action-bar-row .mobile-qa-btn{background:var(--surface-elevated, #20242A);border-color:var(--border, #2D333E);color:var(--text-main, #F1F5F9);box-shadow:0 1px 2px #00000040}[data-theme=dark] .mobile-action-bar-row .mobile-qa-btn:hover{background:var(--surface-hover, #262B34);border-color:var(--border-strong, #3D4452)}[data-theme=dark] .mobile-action-bar-row .mobile-qa-btn.mobile-qa-suspended-btn{background:#d2462d24;border-color:#d2462d80;color:#ffa594}[data-theme=dark] .mobile-action-bar-row .mobile-qa-btn.mobile-qa-suspended-btn .mobile-qa-icon{color:#ffa594}[data-theme=dark] .mobile-action-bar-row .mobile-qa-btn.active{background:#22c55e1f;border-color:#22c55e66;color:#4ade80}[data-theme=dark] .pos-mobile-more-menu{background:#181a1f;border-color:#2d333e;box-shadow:0 8px 24px #0006}[data-theme=dark] .pos-mobile-more-item:hover{background:#20242a}[data-theme=dark] .pos-variant-modal-panel{background:#181a1f!important;border-color:#2d333e!important;box-shadow:0 10px 30px #00000080!important}[data-theme=dark] .pos-variant-modal-footer{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .pos-variant-btn,[data-theme=dark] .pos-chip-btn,[data-theme=dark] .pos-flavor-choice-btn,[data-theme=dark] .pos-addon-row-card{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .pos-variant-name,[data-theme=dark] .pos-addon-name{color:#f1f5f9}[data-theme=dark] .pos-variant-input{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .pos-footer-stepper{background:#20242a;border-color:#2d333e}[data-theme=dark] .pos-footer-stepper-btn,[data-theme=dark] .pos-footer-qty-display{color:#f1f5f9}[data-theme=dark] .floating-modal-card{background:#181a1f!important;border-color:#2d333e!important;box-shadow:0 10px 30px #00000080!important}[data-theme=dark] .floating-modal-header{background:#20242a!important;border-color:#2d333e!important}[data-theme=dark] .floating-modal-title{color:#f1f5f9}[data-theme=dark] .floating-modal-close{color:#94a3b8}[data-theme=dark] .floating-modal-close:hover{background:#282d36;color:#f1f5f9}[data-theme=dark] .floating-form-input,[data-theme=dark] .floating-form-select,[data-theme=dark] .floating-form-textarea,[data-theme=dark] .floating-currency-wrap,[data-theme=dark] .floating-radio-card{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .floating-currency-prefix,[data-theme=dark] .floating-currency-suffix{background:#ffffff0a;border-color:#2d333e;color:#94a3b8}[data-theme=dark] .loyalty-summary-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .loyalty-customer-name{color:#f1f5f9}[data-theme=dark] .loyalty-customer-phone{color:#94a3b8}[data-theme=dark] .loyalty-member-badge{background:#f59e0b2e;color:#fcd34d}[data-theme=dark] .loyalty-saldo-badge{background:#d2462d26;color:#ff6b50;border-color:#d2462d4d}[data-theme=dark] .loyalty-saldo-label{color:#fca5a5}[data-theme=dark] .loyalty-saldo-star{color:#f59e0b;fill:#f59e0b}[data-theme=dark] .loyalty-saldo-points{color:#f1f5f9}[data-theme=dark] .loyalty-reward-title,[data-theme=dark] .loyalty-reward-subtitle{color:#94a3b8}[data-theme=dark] .loyalty-reward-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .loyalty-reward-card:hover:not(.disabled){background:#282e37;border-color:#d2462d99}[data-theme=dark] .loyalty-reward-card.selected{border-color:var(--primary, #D2462D);background:#d2462d1f}[data-theme=dark] .loyalty-reward-card.disabled{background:#1c2026;border-color:#252a33;opacity:.55}[data-theme=dark] .loyalty-reward-radio{background:#20242a;border-color:#475569}[data-theme=dark] .loyalty-reward-label{color:#f1f5f9}[data-theme=dark] .loyalty-reward-value{color:#4ade80}[data-theme=dark] .loyalty-reward-card.disabled .loyalty-reward-value{color:#64748b}[data-theme=dark] .loyalty-reward-desc{color:#94a3b8}[data-theme=dark] .loyalty-reward-tag.ineligible{background:#ef444426;color:#f87171;border-color:#ef44444d}[data-theme=dark] .loyalty-reward-tag.selected-indicator{background:#d2462d33;color:#ff8f7a;border-color:#d2462d66}[data-theme=dark] .loyalty-reward-tag.available-indicator{background:#22c55e1f;color:#4ade80;border-color:#22c55e4d}[data-theme=dark] .loyalty-consequence-card{background:#d2462d14;border-color:#d2462d66}[data-theme=dark] .loyalty-consequence-item{background:#20242a;border-color:#2d333e}[data-theme=dark] .loyalty-consequence-item.highlight{background:#22c55e14;border-color:#22c55e4d}[data-theme=dark] .consequence-item-label{color:#94a3b8}[data-theme=dark] .consequence-item-val{color:#f1f5f9}[data-theme=dark] .consequence-item-val.text-error{color:#f87171}[data-theme=dark] .consequence-item-val.text-success{color:#4ade80}[data-theme=dark] .loyalty-zero-notice{background:#f59e0b1f;border-color:#f59e0b4d;color:#fcd34d}[data-theme=dark] .loyalty-modal-footer{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .floating-currency-input{color:#f1f5f9}[data-theme=dark] .floating-modal-footer{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .floating-btn-cancel{border-color:#2d333e;color:#cbd5e1}[data-theme=dark] .floating-btn-cancel:hover{background:#20242a;color:#f1f5f9}[data-theme=dark] .floating-summary-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .floating-summary-value{color:#f1f5f9}[data-theme=dark] .floating-summary-divider{border-color:#2d333e}[data-theme=dark] .floating-summary-total{color:#f1f5f9}[data-theme=dark] .open-shift-modal-card{background:#181a1f!important;border-color:#2d333e!important}[data-theme=dark] .open-shift-modal-header{background:#20242a;border-color:#2d333e}[data-theme=dark] .open-shift-modal-title{color:#f1f5f9}[data-theme=dark] .open-shift-info-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .open-shift-info-value{color:#f1f5f9}[data-theme=dark] .open-shift-input-group,[data-theme=dark] .open-shift-text-input{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .open-shift-currency-badge{background:#ffffff0a;border-color:#2d333e;color:#94a3b8}[data-theme=dark] .open-shift-input-field{color:#f1f5f9}[data-theme=dark] .open-shift-modal-footer{background:#181a1f;border-color:#2d333e}[data-theme=dark] .open-shift-btn-cancel{border-color:#2d333e;color:#cbd5e1}[data-theme=dark] .open-shift-btn-cancel:hover{background:#20242a;color:#f1f5f9}.mobile-step-header{display:flex;flex-direction:column;gap:8px;padding:10px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.mobile-step-nav-row{width:100%;display:flex;justify-content:center}.pos-mobile-more-container{position:relative;display:inline-flex}.pos-mobile-more-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:220px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;box-shadow:0 8px 24px #00000026;padding:6px;z-index:1050;display:flex;flex-direction:column;gap:4px}.pos-mobile-more-item{width:100%;min-height:44px;height:44px;display:flex;align-items:center;gap:12px;padding:0 14px;border:none;background:transparent;border-radius:6px;font-size:.85rem;font-weight:600;color:var(--text-main, #252525);cursor:pointer;text-align:left;transition:background-color .15s ease}.pos-mobile-more-item:hover{background:var(--surface-2, #F8FAFC)}.pos-mobile-more-item.text-danger{color:var(--error, #EF4444)}.suspended-cart-modal{max-width:600px;width:92%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);box-shadow:0 16px 36px #00000029}.suspended-cart-header{display:flex;flex-direction:column;padding:10px 16px 8px;border-bottom:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);gap:4px;flex-shrink:0}.suspended-header-row-1{display:flex;align-items:center;justify-content:space-between;gap:8px}.suspended-header-title-wrap{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.suspended-header-title{margin:0;font-size:.9rem;font-weight:800;color:var(--text-main, #252525);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suspended-close-btn{background:none;border:none;color:var(--text-muted, #94A3B8);cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;min-height:36px;min-width:36px;transition:all .15s ease}.suspended-close-btn:hover{background:var(--surface-2, #F8FAFC);color:var(--text-main, #252525)}.suspended-header-row-2{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:2px}.suspended-status-inline{display:flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-secondary, #64748B);font-weight:600}.btn-suspended-sync{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.74rem;font-weight:700;cursor:pointer;transition:all .15s ease}.btn-suspended-sync:hover:not(:disabled){background:var(--surface-2, #F8FAFC);border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}.suspended-outlet-filter-bar{width:100%;padding:8px 16px;background:var(--surface-2, #FAF9F7);border-bottom:1px solid var(--border, #E2E8F0);flex-shrink:0;box-sizing:border-box}.suspended-outlet-select-wrap{position:relative;width:100%;display:flex;align-items:center}.suspended-outlet-select-icon{position:absolute;left:12px;color:var(--primary, #D2462D);pointer-events:none}.suspended-outlet-select{width:100%;height:38px;padding:0 34px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.82rem;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.suspended-outlet-select-chevron{position:absolute;right:12px;color:var(--text-muted, #94A3B8);pointer-events:none}.suspended-status-filter-bar{display:flex;gap:6px;padding:8px 16px;background:var(--surface-2, #FAF9F7);border-bottom:1px solid var(--border, #E2E8F0);flex-shrink:0;overflow-x:hidden;width:100%;box-sizing:border-box}.btn-suspended-filter-pill{flex:1 1 0%;min-width:0;height:32px;min-height:32px;padding:0 6px;border-radius:6px;font-size:.74rem;font-weight:700;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);cursor:pointer;white-space:nowrap;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .15s ease}.btn-suspended-filter-pill.active{border-color:var(--primary, #D2462D);background:var(--primary, #D2462D);color:#fff}.suspended-cart-body{padding:12px 16px 20px;overflow-y:auto;flex:1 1 auto;min-height:0}.suspended-cart-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:8px;padding:9px 12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 1px 3px #0000000a}.suspended-card-row-1{display:flex;align-items:center;justify-content:space-between;gap:6px}.suspended-card-header-left{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.suspended-order-seq{font-size:.78rem;font-weight:800;color:var(--primary, #D2462D);flex-shrink:0}.suspended-customer-title{font-size:.85rem;font-weight:700;color:var(--text-main, #252525);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suspended-status-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:700;padding:2px 7px;border-radius:4px;flex-shrink:0}.suspended-status-badge.pending{background:#d2462d14;color:var(--primary, #D2462D)}.suspended-status-badge.void{background:#ef44441a;color:var(--error, #EF4444)}.suspended-card-row-2{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.suspended-card-total{font-size:.98rem;font-weight:800;color:#d2462d}.suspended-item-count-badge{font-size:.68rem;font-weight:700;color:var(--text-secondary, #64748B);background:var(--surface-2, #FAF9F7);padding:1px 6px;border-radius:4px;border:1px solid var(--border, #E2E8F0);flex-shrink:0}.suspended-card-row-3{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--text-secondary, #64748B);line-height:1.25}.suspended-type-outlet-inline{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.suspended-order-type-badge,.suspended-outlet-badge{display:inline-flex;align-items:center;gap:3px;font-size:.66rem;font-weight:600;padding:1px 5px;border-radius:4px;background:var(--surface-2, #FAF9F7);border:1px solid var(--border, #E2E8F0)}.suspended-card-row-4{font-size:.7rem;color:var(--text-muted, #94A3B8);display:flex;align-items:center;gap:4px;flex-wrap:wrap;line-height:1.25}.suspended-items-summary-text{font-size:.7rem;margin:1px 0 2px;color:var(--text-secondary, #64748B);line-height:1.25}.suspended-cart-items-detail{background:var(--surface-2, #FAF9F7);border:1px solid var(--border, #E2E8F0);border-radius:6px;padding:6px 8px;margin:2px 0}.suspended-item-row{padding:3px 0}.suspended-item-row.has-border{border-bottom:1px solid var(--border, #E2E8F0)}.suspended-item-line{display:flex;justify-content:space-between;align-items:center;font-size:.74rem;gap:8px}.suspended-item-name{display:flex;align-items:center;gap:5px;color:var(--text-main, #252525);font-weight:600;flex:1;min-width:0}.suspended-item-price{font-weight:700;color:var(--text-main, #252525);flex-shrink:0;text-align:right;white-space:nowrap}.suspended-addon-tag{font-size:.6rem;font-weight:700;color:#d2462d;background:#d2462d14;padding:1px 4px;border-radius:3px;border:1px solid rgba(210,70,45,.2)}.suspended-item-note{font-size:.66rem;color:var(--text-secondary, #64748B);padding-left:12px;line-height:1.35;word-break:break-word}.suspended-item-addons{display:flex;flex-direction:column;gap:2px;margin-top:2px}.suspended-addon-line{display:flex!important;justify-content:space-between!important;align-items:baseline!important;gap:8px!important;font-size:.68rem!important;color:var(--text-secondary, #64748B)!important;padding-left:12px!important}.suspended-addon-line span:first-child{flex:1!important;min-width:0!important}.suspended-addon-line span:last-child{flex-shrink:0!important;text-align:right!important;white-space:nowrap!important}.suspended-cart-actions-grid{display:grid;grid-template-columns:1fr 1fr 44px;gap:6px;margin-top:4px;width:100%;box-sizing:border-box}.btn-suspended-action{height:38px;min-height:38px;max-height:38px;padding:0 8px;border-radius:6px;font-size:.74rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;box-sizing:border-box;cursor:pointer;transition:all .15s ease;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525)}.btn-suspended-action.send-invoice{order:1;background:var(--surface, #FFFFFF);color:var(--text-main, #252525);border:1px solid var(--border, #CBD5E1)}.btn-suspended-action.send-invoice:hover{background:var(--surface-hover, #F1F5F9);border-color:var(--primary, #D2462D)}.btn-suspended-action.send-invoice span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-suspended-action.resume-order{order:2;background:#d2462d;color:#fff;border:1px solid #D2462D}.btn-suspended-action.resume-order:hover{background:var(--primary-hover, #B83B26)}.btn-suspended-action.resume-order span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-suspended-action.delete-order{order:3;width:44px;padding:0;color:var(--error, #EF4444);border:1px solid rgba(239,68,68,.3);background:transparent}.btn-suspended-action.delete-order:hover{background:#ef444414}.suspended-cart-footer{display:flex!important;align-items:center!important;justify-content:center!important;padding:8px 16px!important;border-top:1px solid var(--border, #E2E8F0)!important;background:var(--surface, #FFFFFF)!important;flex-shrink:0!important}.btn-suspended-close-footer{width:100%!important;height:38px!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.84rem!important;font-weight:700!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #252525)!important;cursor:pointer!important;transition:all .15s ease!important}.btn-suspended-close-footer:hover{background:var(--surface-2, #F8FAFC)!important;border-color:var(--text-muted, #94A3B8)!important}.modal-overlay.cart-drawer-overlay{align-items:flex-end!important;justify-content:center!important;padding:0!important;z-index:1050;background:#00000073}.cart-drawer-sheet{width:100%;max-width:520px;max-height:88dvh;background:var(--surface, #FFFFFF);border-radius:16px 16px 0 0;display:flex;flex-direction:column;box-shadow:0 -8px 32px #00000029;overflow:hidden;box-sizing:border-box}.cart-drawer-sheet .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--surface, #FFFFFF);border-bottom:1px solid var(--border, #E2E8F0);min-height:52px;box-sizing:border-box}.cart-drawer-sheet .drawer-title-wrap{display:flex;align-items:center;gap:8px}.cart-drawer-sheet .btn-drawer-header-back{background:none;border:none;padding:6px;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-main, #252525);border-radius:6px;transition:background-color .12s ease}.cart-drawer-sheet .btn-drawer-header-back:hover{background:var(--surface-hover, #F1F5F9)}.cart-drawer-sheet .drawer-header-cart-icon{color:var(--primary, #D2462D);display:flex;align-items:center}.cart-drawer-sheet .drawer-title{margin:0;font-size:1rem;font-weight:700;color:var(--text-main, #252525);line-height:1.2}.cart-drawer-sheet .btn-close-drawer{background:none;border:none;padding:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary, #64748B);border-radius:6px;transition:background-color .12s ease,color .12s ease}.cart-drawer-sheet .btn-close-drawer:hover{background:var(--surface-hover, #F1F5F9);color:var(--text-main, #252525)}.drawer-context-banner{padding:8px 16px;background:#f8fafc;border-bottom:1px solid var(--border, #E2E8F0);display:flex;align-items:center;justify-content:space-between;font-size:.8rem;width:100%;box-sizing:border-box}.drawer-context-left{display:flex;align-items:center;gap:6px}.drawer-context-cust{font-weight:700;color:var(--text-main, #252525)}.compact-member-tag{background:#d2462d1f;color:var(--primary, #D2462D);font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.drawer-context-right{color:var(--text-secondary, #64748B);font-size:.78rem;font-weight:500;text-align:right}.drawer-body{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.drawer-empty-state{text-align:center;padding:40px 16px}.drawer-items-list{display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.drawer-item-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;box-shadow:0 1px 3px #00000008}.drawer-item-row-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%}.drawer-item-title-wrap{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.drawer-item-title,.drawer-item-name{margin:0;font-size:.94rem;font-weight:700;color:var(--text-main, #252525);line-height:1.3;word-break:break-word}.btn-drawer-item-delete{background:none;border:none;padding:4px;color:var(--text-muted, #94A3B8);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0;transition:color .15s ease,background-color .15s ease}.btn-drawer-item-delete:hover{color:var(--error, #EF4444);background:#ef444414}.drawer-item-row-middle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.drawer-item-unit-price{font-size:.82rem;color:var(--text-secondary, #64748B);font-weight:500}.drawer-qty-stepper{display:inline-flex;align-items:center;border:1px solid var(--border, #CBD5E1);border-radius:6px;background:var(--surface, #FFFFFF);overflow:hidden;height:28px}.btn-drawer-qty-minus,.btn-drawer-qty-plus{width:28px;height:28px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-main, #252525);transition:background-color .12s ease;padding:0}.btn-drawer-qty-minus:hover,.btn-drawer-qty-plus:hover{background:var(--surface-hover, #F1F5F9)}.drawer-qty-number{min-width:26px;text-align:center;font-size:.82rem;font-weight:700;color:var(--text-main, #252525);padding:0 4px}.drawer-item-modifiers-wrap{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:2px}.drawer-modifier-label{font-size:.72rem;color:var(--text-muted, #64748B);font-weight:600}.drawer-modifier-chip{font-size:.7rem;background:var(--surface-2, #F1F5F9);color:var(--text-secondary, #475569);padding:1px 6px;border-radius:4px;border:1px solid var(--border, #E2E8F0)}.drawer-item-notes-box{background:var(--surface-muted, #F8FAFC);border-left:2.5px solid var(--primary, #D2462D);padding:4px 8px;border-radius:0 4px 4px 0;margin-top:2px;font-size:.72rem}.drawer-note-line{display:flex;align-items:center;gap:4px}.drawer-note-label{font-weight:600;color:var(--text-secondary, #64748B)}.drawer-note-text{color:var(--text-main, #252525);font-style:italic}.drawer-item-row-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-top:4px;padding-top:4px;border-top:1px dashed var(--border-subtle, #EDF2F7)}.drawer-item-note-action-wrap{display:flex;align-items:center;gap:4px}.btn-drawer-note-action{background:none;border:none;color:var(--primary, #D2462D);font-size:.76rem;font-weight:600;cursor:pointer;padding:2px 4px;display:inline-flex;align-items:center;gap:4px;border-radius:4px;transition:background-color .12s ease}.btn-drawer-note-action:hover{background:var(--primary-soft, rgba(210, 70, 45, .08))}.btn-drawer-note-clear{background:none;border:none;color:var(--text-muted, #94A3B8);cursor:pointer;padding:2px;display:flex;align-items:center;border-radius:4px}.btn-drawer-note-clear:hover{color:var(--error, #EF4444)}.drawer-item-price-wrap{display:flex;align-items:center;gap:6px;margin-left:auto}.drawer-item-promo-tag{font-size:.68rem;color:#15803d;background:#15803d14;padding:1px 5px;border-radius:4px;font-weight:600}.drawer-item-subtotal-val{font-size:.95rem;font-weight:800;color:var(--primary, #D2462D);text-align:right}.drawer-addons-wrapper{background:var(--surface-muted, #F8FAFC);border:1px solid var(--border-subtle, #EDF2F7);border-radius:6px;padding:6px 8px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.drawer-addons-header{font-size:.7rem;font-weight:700;color:var(--text-secondary, #64748B);text-transform:uppercase;letter-spacing:.5px}.drawer-addon-row{display:flex;align-items:center;justify-content:space-between;font-size:.76rem;padding:2px 0}.drawer-addon-info{display:flex;align-items:center;gap:6px}.compact-addon-badge{font-size:.64rem;font-weight:700;background:#d2462d1a;color:var(--primary, #D2462D);padding:1px 4px;border-radius:3px}.drawer-addon-name{color:var(--text-main, #252525);font-weight:500}.drawer-addon-qty-price{color:var(--text-muted, #94A3B8);font-size:.72rem}.drawer-addon-right{display:flex;align-items:center;gap:6px}.drawer-addon-subtotal{font-weight:700;color:var(--text-main, #252525);font-size:.76rem}.btn-drawer-addon-delete{background:none;border:none;padding:2px;color:var(--text-muted, #94A3B8);cursor:pointer;display:flex;align-items:center;border-radius:4px}.btn-drawer-addon-delete:hover{color:var(--error, #EF4444)}.cart-drawer-sheet .drawer-footer{background:var(--surface, #FFFFFF);border-top:1px solid var(--border, #E2E8F0);padding:12px 16px 16px;display:flex;flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.cart-drawer-financial-summary{display:flex;flex-direction:column;gap:6px;width:100%;box-sizing:border-box;padding:0;margin:0}.cart-drawer-summary-row{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:.84rem;color:var(--text-secondary, #64748B);box-sizing:border-box}.cart-drawer-summary-row .summary-label{text-align:left;color:var(--text-secondary, #64748B)}.cart-drawer-summary-row .summary-val{text-align:right;font-weight:600;color:var(--text-main, #252525)}.cart-drawer-summary-divider{height:1px;background:var(--border, #E2E8F0);margin:4px 0;width:100%}.cart-drawer-summary-row.total-row{font-size:1.05rem;font-weight:800;color:var(--text-main, #252525);margin-top:2px}.cart-drawer-summary-row.total-row .total-label{font-size:1.05rem;font-weight:800;color:var(--text-main, #252525)}.cart-drawer-summary-row.total-row .total-nominal{font-size:1.15rem;font-weight:800;color:var(--primary, #D2462D)}.cart-drawer-footer-actions{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.btn-drawer-footer-back{width:44px;min-width:44px;height:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);cursor:pointer;flex-shrink:0;transition:all .15s ease;padding:0}.btn-drawer-footer-back:hover{background:var(--surface-hover, #F1F5F9)}.btn-drawer-footer-simpan{flex:1;min-height:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-weight:700;font-size:.88rem;cursor:pointer;transition:all .15s ease;padding:0 12px;white-space:nowrap}.btn-drawer-footer-simpan:hover:not(:disabled){background:var(--surface-hover, #F1F5F9);border-color:var(--border-strong, #94A3B8)}.btn-drawer-footer-simpan:disabled{opacity:.5;cursor:not-allowed}.btn-drawer-footer-bayar{flex:1.8;min-height:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .15s ease;padding:0 14px;white-space:nowrap}.btn-drawer-footer-bayar:hover:not(:disabled){background:var(--primary-hover, #B83B26)}.btn-drawer-footer-bayar:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .cart-drawer-sheet{background:var(--surface, #20242A);box-shadow:0 -8px 32px #00000080}[data-theme=dark] .cart-drawer-sheet .drawer-header{background:var(--surface, #20242A);border-bottom-color:var(--border, #2D333E)}[data-theme=dark] .cart-drawer-sheet .drawer-title,[data-theme=dark] .cart-drawer-sheet .btn-drawer-header-back{color:var(--text, #F1F5F9)}[data-theme=dark] .cart-drawer-sheet .btn-drawer-header-back:hover,[data-theme=dark] .cart-drawer-sheet .btn-close-drawer:hover{background:var(--surface-hover, #2B313D)}[data-theme=dark] .drawer-context-banner{background:#1a1d23;border-bottom-color:var(--border, #2D333E)}[data-theme=dark] .drawer-context-cust{color:var(--text, #F1F5F9)}[data-theme=dark] .drawer-item-card{background:var(--surface, #20242A);border-color:var(--border, #2D333E);box-shadow:none}[data-theme=dark] .drawer-item-title,[data-theme=dark] .drawer-item-name{color:var(--text, #F1F5F9)}[data-theme=dark] .drawer-qty-stepper{border-color:var(--border, #3D4452);background:var(--surface-2, #242932)}[data-theme=dark] .btn-drawer-qty-minus,[data-theme=dark] .btn-drawer-qty-plus{color:var(--text, #F1F5F9)}[data-theme=dark] .btn-drawer-qty-minus:hover,[data-theme=dark] .btn-drawer-qty-plus:hover{background:var(--surface-hover, #2B313D)}[data-theme=dark] .drawer-qty-number{color:var(--text, #F1F5F9)}[data-theme=dark] .drawer-item-modifiers-wrap .drawer-modifier-chip{background:#282d36;border-color:#3d4452;color:#cbd5e1}[data-theme=dark] .drawer-item-notes-box{background:#1a1d23}[data-theme=dark] .drawer-item-row-bottom{border-top-color:var(--border, #2D333E)}[data-theme=dark] .drawer-addons-wrapper{background:#1a1d23;border-color:#2d333e}[data-theme=dark] .drawer-addon-name,[data-theme=dark] .drawer-addon-subtotal{color:var(--text, #F1F5F9)}[data-theme=dark] .cart-drawer-sheet .drawer-footer{background:var(--surface, #20242A);border-top-color:var(--border, #2D333E)}[data-theme=dark] .cart-drawer-summary-row .summary-val,[data-theme=dark] .cart-drawer-summary-row.total-row .total-label{color:var(--text, #F1F5F9)}[data-theme=dark] .cart-drawer-summary-divider{background:var(--border, #2D333E)}[data-theme=dark] .btn-drawer-footer-back{background:var(--surface-2, #242932);border-color:var(--border, #3D4452);color:var(--text, #F1F5F9)}[data-theme=dark] .btn-drawer-footer-back:hover{background:var(--surface-hover, #2B313D)}[data-theme=dark] .btn-drawer-footer-simpan{background:var(--surface-2, #242932);border-color:var(--border, #3D4452);color:var(--text, #F1F5F9)}[data-theme=dark] .btn-drawer-footer-simpan:hover:not(:disabled){background:var(--surface-hover, #2B313D);border-color:var(--border-strong, #4A5568)}.customer-select-modal-card{max-width:500px;width:92%;max-height:85vh;border-radius:12px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);box-shadow:0 16px 36px #00000029;display:flex;flex-direction:column;overflow:hidden}.customer-select-search-wrap{position:relative;width:100%;display:flex;align-items:center;margin-bottom:10px}.customer-select-search-icon{position:absolute;left:14px;color:var(--text-muted, #94A3B8);pointer-events:none}.customer-select-search-input{width:100%;min-height:44px;height:44px;padding:0 14px 0 38px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.88rem;outline:none}.customer-select-search-input:focus{border-color:var(--primary, #D2462D)}.customer-btn-add-new{width:100%;min-height:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;border:1.5px dashed var(--primary, #D2462D);background:#d2462d0a;color:var(--primary, #D2462D);font-weight:700;font-size:.88rem;cursor:pointer;margin-bottom:12px}.customer-select-list{display:flex;flex-direction:column;max-height:380px;overflow-y:auto}.customer-select-item{display:flex;align-items:center;justify-content:space-between;padding:10px 4px;border-bottom:1px solid var(--border, #E2E8F0);gap:12px}.customer-select-info{flex:1;min-width:0}.customer-select-name-row{display:flex;align-items:center;gap:6px}.customer-select-name{font-weight:700;font-size:.9rem;color:var(--text-main, #252525);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-badge-type{font-size:.64rem;font-weight:800;padding:1px 6px;border-radius:4px;text-transform:uppercase}.customer-badge-member{background:#d2462d1a;color:var(--primary, #D2462D);border:1px solid rgba(210,70,45,.25)}.customer-badge-reguler{background:var(--surface-2, #FAF9F7);color:var(--text-secondary, #64748B);border:1px solid var(--border, #CBD5E1)}.customer-select-meta{font-size:.76rem;color:var(--text-secondary, #64748B);margin-top:2px}.customer-select-btn-pick{background:#d2462d;color:#fff;border:none;border-radius:8px;min-height:44px;height:44px;min-width:68px;padding:0 16px;font-size:.82rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s ease}.customer-select-btn-pick:hover{filter:brightness(.92)}.pre-order-modal-card{max-width:580px;width:92%;max-height:90vh;border-radius:16px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);box-shadow:0 20px 40px -10px #00000024;display:flex;flex-direction:column;overflow:hidden}.pre-order-modal-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle, #EDF2F7);background:var(--surface, #FFFFFF)}.modal-title-wrap{display:flex;align-items:center;gap:12px}.pre-order-header-icon-box{width:40px;height:40px;border-radius:10px;background:#d2462d14;color:var(--primary, #D2462D);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pre-order-modal-title{font-size:1.12rem;font-weight:800;color:var(--text-main, #252525);margin:0;line-height:1.25}.pre-order-modal-subtitle{font-size:.76rem;color:var(--text-muted, #64748B);margin:2px 0 0;line-height:1.3}.pre-order-modal-close{width:38px;height:38px;min-width:38px;min-height:38px;border-radius:8px;border:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);color:var(--text-muted, #64748B);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}.pre-order-modal-close:hover{background:var(--surface-hover, #F8F9FA);color:var(--text-main, #252525);border-color:var(--border-strong, #CBD5E1)}.pre-order-modal-body{padding:18px 20px;overflow-y:auto;flex:1;background:var(--bg-app, #FAF9F7)}.pre-order-modal-grid.pre-order-form-flow{display:flex;flex-direction:column;gap:16px}.pre-order-form-group{display:flex;flex-direction:column;gap:6px}.pre-order-form-label{font-size:.8rem;font-weight:700;color:var(--text-main, #252525);display:flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.03em}.pre-order-label-icon{color:var(--text-muted, #64748B)}.pre-order-select-wrap{position:relative;width:100%}.pre-order-select{width:100%;min-height:44px;height:44px;border-radius:10px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.88rem;font-weight:500;padding:0 38px 0 14px;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:border-color .15s ease,box-shadow .15s ease}.pre-order-select:focus{border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d1f}.pre-order-input{width:100%;min-height:44px;height:44px;border-radius:10px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.88rem;font-weight:500;padding:0 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.pre-order-input:focus{border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d1f}.pre-order-customer-card{background:var(--surface, #FFFFFF);border:1.5px solid var(--border, #E2E8F0);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 3px #00000005}.pre-order-customer-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px dashed var(--border-subtle, #EDF2F7);padding-bottom:10px}.pre-order-customer-title-wrap{display:flex;align-items:center;gap:6px}.pre-order-customer-section-title{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted, #64748B)}.pre-order-customer-header-right{display:flex;align-items:center;gap:8px}.pre-order-member-badge{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;background:#d977061f;color:#b45309;border:1px solid rgba(217,119,6,.25)}.pre-order-regular-badge{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:6px;background:var(--surface-2, #F1F5F9);color:var(--text-muted, #64748B);border:1px solid var(--border, #E2E8F0)}.pre-order-btn-edit-customer{display:inline-flex;align-items:center;gap:5px;height:36px;min-height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--border-strong, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s ease}.pre-order-btn-edit-customer:hover{border-color:var(--primary, #D2462D);color:var(--primary, #D2462D);background:#d2462d0a}.pre-order-customer-body{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pre-order-customer-field{display:flex;flex-direction:column;gap:3px}.pre-order-customer-sublabel{font-size:.72rem;font-weight:600;color:var(--text-muted, #64748B);text-transform:uppercase;letter-spacing:.02em}.pre-order-customer-name{font-size:.95rem;font-weight:700;color:var(--text-main, #252525);word-break:break-word}.pre-order-customer-phone{font-size:.9rem;font-weight:600;color:var(--text-main, #252525)}.pre-order-schedule-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pre-order-schedule-col{display:flex;flex-direction:column;gap:4px}.pre-order-field-label{font-size:.76rem;font-weight:600;color:var(--text-muted, #64748B)}.pre-order-input-with-icon{position:relative;width:100%;display:flex;align-items:center}.pre-order-input-icon{position:absolute;left:12px;color:var(--text-muted, #64748B);pointer-events:none;z-index:1}.pre-order-input-with-icon .pre-order-input{padding-left:38px}.pre-order-methods-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pre-order-method-btn{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);cursor:pointer;transition:all .15s ease;min-height:64px;text-align:left}.pre-order-method-icon-box{width:40px;height:40px;border-radius:10px;background:var(--surface-2, #F1F5F9);color:var(--text-main, #252525);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.pre-order-method-text{display:flex;flex-direction:column;gap:2px}.pre-order-method-title{font-size:.88rem;font-weight:700;color:var(--text-main, #252525)}.pre-order-method-desc{font-size:.74rem;color:var(--text-muted, #64748B)}.pre-order-method-btn.active{border-color:var(--primary, #D2462D);background:#d2462d0d}.pre-order-method-btn.active .pre-order-method-icon-box{background:var(--primary, #D2462D);color:#fff}.pre-order-method-btn.active .pre-order-method-title{color:var(--primary, #D2462D)}.pre-order-ojol-container{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--surface, #FFFFFF);border:1.5px solid var(--border, #E2E8F0);border-radius:12px;box-shadow:0 1px 3px #00000005}.pre-order-recipient-toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pre-order-recipient-toggle-btn{min-height:44px;height:44px;border-radius:10px;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-weight:600;font-size:.84rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .15s ease}.pre-order-recipient-toggle-btn.active{border-color:var(--primary, #D2462D);background:#d2462d0f;color:var(--primary, #D2462D)}.pre-order-recipient-fields-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pre-order-synced-hint{font-size:.72rem;color:var(--text-muted, #64748B);font-style:italic;margin-top:3px;display:block}.pre-order-textarea{width:100%;border-radius:10px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);padding:10px 12px;font-size:.88rem;resize:vertical;min-height:80px;outline:none;font-family:inherit;line-height:1.4;transition:border-color .15s ease,box-shadow .15s ease}.pre-order-textarea:focus{border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d1f}.pre-order-label-with-counter{display:flex;justify-content:space-between;align-items:center}.pre-order-char-counter{font-size:.74rem;color:var(--text-muted, #64748B);font-family:monospace}.pre-order-maps-input-row{display:flex;gap:8px;align-items:center}.pre-order-btn-open-maps{min-height:44px;height:44px;padding:0 16px;border-radius:10px;border:1.5px solid var(--border-strong, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-weight:600;font-size:.84rem;display:flex;align-items:center;gap:6px;white-space:nowrap;cursor:pointer;transition:all .15s ease}.pre-order-btn-open-maps:hover:not(:disabled){border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}.pre-order-shipping-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pre-order-shipping-card,.pre-order-estimate-box{background:var(--surface-2, #F1F5F9);border:1px solid var(--border, #E2E8F0);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.pre-order-estimate-header{display:flex;justify-content:space-between;align-items:center}.pre-order-estimate-label{font-size:.74rem;font-weight:700;text-transform:uppercase;color:var(--text-muted, #64748B)}.pre-order-distance-pill{font-size:.72rem;font-weight:700;color:var(--primary, #D2462D);background:#d2462d1a;padding:2px 6px;border-radius:4px}.pre-order-estimate-amount{font-size:1.15rem;font-weight:800;color:var(--primary, #D2462D);font-family:monospace}.pre-order-estimate-helper{font-size:.72rem;color:var(--text-muted, #64748B)}.pre-order-charged-box{display:flex;flex-direction:column;gap:4px}.pre-order-currency-input-wrap{position:relative;width:100%;display:flex;align-items:center}.pre-order-currency-prefix{position:absolute;left:12px;font-weight:700;color:var(--text-muted, #64748B);font-size:.9rem;pointer-events:none}.pre-order-currency-input{padding-left:38px!important;font-weight:700;font-size:.95rem;color:var(--primary, #D2462D)}.pre-order-delivery-mode-segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2, #F1F5F9);border:1.5px solid var(--border, #CBD5E1);border-radius:12px;padding:4px;gap:6px;margin-bottom:12px;box-sizing:border-box}.pre-order-delivery-mode-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:8px 10px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--text-muted, #64748B);font-size:.84rem;font-weight:600;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-sizing:border-box}.pre-order-delivery-mode-btn .mode-title-wrap{display:flex;align-items:center;gap:6px}.pre-order-delivery-mode-btn .mode-subtext{font-size:.72rem;font-weight:500;color:var(--text-muted, #64748B)}.pre-order-delivery-mode-btn:hover:not(.active){color:var(--text-main, #252525);background:#0000000a}.pre-order-delivery-mode-btn.active{background:var(--surface, #FFFFFF);color:var(--primary, #D2462D);border-color:var(--border, #CBD5E1);box-shadow:0 2px 6px #00000014;font-weight:700}.pre-order-delivery-mode-btn.active .mode-subtext{color:var(--primary, #D2462D);opacity:.85}[data-theme=dark] .pre-order-delivery-mode-segmented{background:#0f172a99;border-color:var(--border, #334155)}[data-theme=dark] .pre-order-delivery-mode-btn{color:#94a3b8}[data-theme=dark] .pre-order-delivery-mode-btn:hover:not(.active){color:#f8fafc;background:#ffffff0d}[data-theme=dark] .pre-order-delivery-mode-btn.active{background:var(--surface, #1E293B);color:#ff7a60;border-color:#ffffff1f;box-shadow:0 2px 8px #00000059}[data-theme=dark] .pre-order-delivery-mode-btn.active .mode-subtext{color:#ff7a60}.pre-order-optional-tag{font-weight:400;color:var(--text-muted, #64748B);font-size:.74rem}.pre-order-modal-footer{padding:16px 20px;border-top:1px solid var(--border-subtle, #EDF2F7);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--surface, #FFFFFF)}.pre-order-btn-cancel{min-height:44px;height:44px;padding:0 20px;border-radius:10px;border:1.5px solid var(--border-strong, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-weight:600;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.pre-order-btn-cancel:hover{background:var(--surface-hover, #F8F9FA);border-color:var(--border-strong, #94A3B8)}.pre-order-btn-submit{min-height:44px;height:44px;padding:0 24px;border-radius:10px;border:none;background:var(--primary, #D2462D);color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #d2462d40;transition:all .15s ease}.pre-order-btn-submit:hover{background:var(--primary-hover, #B83B26);filter:brightness(.96)}@media(max-width:540px){.pre-order-customer-header{flex-wrap:wrap;gap:8px}.pre-order-customer-header-right{margin-left:auto}.pre-order-customer-body,.pre-order-schedule-row,.pre-order-methods-grid,.pre-order-recipient-fields-row,.pre-order-shipping-row,.pre-order-recipient-toggle-grid{grid-template-columns:1fr}.pre-order-modal-footer{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pre-order-btn-cancel,.pre-order-btn-submit{width:100%;justify-content:center}}[data-theme=dark] .pre-order-modal-card{background:var(--surface, #181A1F);border-color:var(--border, #2D333E);box-shadow:0 20px 35px -5px #0009}[data-theme=dark] .pre-order-modal-header{border-bottom-color:var(--border-subtle, #232832)}[data-theme=dark] .pre-order-customer-card,[data-theme=dark] .pre-order-ojol-container{background:var(--surface-elevated, #22262E);border-color:var(--border, #2D333E)}[data-theme=dark] .pre-order-customer-header{border-bottom-color:var(--border-subtle, #2D333E)}[data-theme=dark] .pre-order-regular-badge{background:var(--surface-3, #2D323C);color:var(--text-secondary, #AAB4C3)}[data-theme=dark] .pre-order-method-btn{background:var(--surface-elevated, #22262E);border-color:var(--border, #2D333E)}[data-theme=dark] .pre-order-method-btn:hover{border-color:var(--border-strong, #3D4452);background:var(--surface-hover, #262B34)}[data-theme=dark] .pre-order-method-icon-box{background:var(--surface-3, #2D323C);color:var(--text-main, #F1F5F9)}[data-theme=dark] .pre-order-method-btn.active{background:#d2462d26;border-color:var(--primary, #D2462D)}[data-theme=dark] .pre-order-method-btn.active .pre-order-method-icon-box{background:var(--primary, #D2462D);color:#fff}[data-theme=dark] .pre-order-recipient-toggle-btn{background:var(--surface-elevated, #22262E);border-color:var(--border, #2D333E);color:var(--text-main, #F1F5F9)}[data-theme=dark] .pre-order-recipient-toggle-btn.active{background:#d2462d2e;border-color:var(--primary, #D2462D);color:#ffa594}[data-theme=dark] .pre-order-shipping-card,[data-theme=dark] .pre-order-estimate-box{background:var(--surface-3, #2D323C);border-color:var(--border, #2D333E)}[data-theme=dark] .pre-order-btn-cancel,[data-theme=dark] .pre-order-btn-open-maps,[data-theme=dark] .pre-order-btn-edit-customer{background:var(--surface-elevated, #22262E);border-color:var(--border-strong, #3D4452);color:var(--text-main, #F1F5F9)}[data-theme=dark] .pre-order-btn-cancel:hover,[data-theme=dark] .pre-order-btn-open-maps:hover,[data-theme=dark] .pre-order-btn-edit-customer:hover{background:var(--surface-hover, #262B34);border-color:var(--primary, #D2462D);color:#ffa594}[data-theme=dark] .pre-order-modal-footer{background:var(--surface, #181A1F);border-top-color:var(--border-subtle, #232832)}.customer-form-input{width:100%;min-height:44px;height:44px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.88rem;padding:0 12px;outline:none}.customer-form-input:focus{border-color:var(--primary, #D2462D)}.customer-type-card{min-height:44px;height:44px;border-radius:8px;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-weight:700;font-size:.84rem;cursor:pointer;transition:all .15s ease}.customer-type-card.active{border-color:var(--primary, #D2462D);background:#d2462d14;color:var(--primary, #D2462D)}.customer-btn-cancel{min-height:44px;height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-weight:700;font-size:.88rem;cursor:pointer}.customer-btn-save{min-height:44px;height:44px;padding:0 20px;border-radius:8px;border:none;background:#d2462d;color:#fff;font-weight:700;font-size:.88rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.method-selector-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin-bottom:12px}.method-button{min-height:44px;height:44px;padding:0 8px;border-radius:8px;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:all .15s ease}.method-button .method-name{font-size:.85rem;font-weight:800}.method-button .method-sub{display:none}.method-button.active{border-color:#d2462d;background:#d2462d14;color:#d2462d;box-shadow:none}.btn-quick-nominal{min-height:44px;height:44px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.82rem;font-weight:700;cursor:pointer;padding:0 10px;transition:all .15s ease}.btn-quick-nominal.active{border-color:#d2462d;background:#d2462d14;color:#d2462d}.qris-action-card{display:flex;flex-direction:column;gap:8px;margin-top:12px}.qris-instruction{font-size:.82rem;line-height:1.4;color:var(--text-muted, #64748B);text-align:center;padding:0 4px}.qris-confirm-btn{width:100%;min-height:44px;height:46px;border-radius:10px;border:1.5px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #334155);font-size:.88rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:0 16px;transition:all .2s cubic-bezier(.16,1,.3,1);outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit}.qris-confirm-btn:hover{background:var(--surface-2, #F8FAFC);border-color:var(--border-hover, #94A3B8)}.qris-confirm-btn:focus-visible{outline:2px solid var(--primary, #D2462D);outline-offset:2px}.qris-confirm-btn .qris-check-icon{color:var(--text-muted, #94A3B8);flex-shrink:0;transition:color .15s ease,transform .15s ease}.qris-confirm-btn .qris-confirm-text{font-size:.88rem;font-weight:600;color:var(--text-main, #334155);transition:color .15s ease,font-weight .15s ease}.qris-confirm-btn.confirmed{border-color:#d2462d;background:#d2462d14;color:#d2462d;box-shadow:none}.qris-confirm-btn.confirmed:hover{background:#d2462d1f;border-color:#d2462d}.qris-confirm-btn.confirmed .qris-check-icon{color:#d2462d;transform:scale(1.05)}.qris-confirm-btn.confirmed .qris-confirm-text{color:#d2462d;font-weight:700}.qris-confirmed-status{font-size:.78rem;line-height:1.4;color:var(--text-muted, #64748B);text-align:center;margin-top:6px;padding:0 4px}.mobile-product-img-wrap{width:100%;height:72px;border-radius:6px;overflow:hidden;background:var(--surface-2, #FAF9F7);margin:3px 0 4px;display:flex;align-items:center;justify-content:center}.mobile-product-img{width:100%;height:100%;object-fit:cover;display:block}select:not(.no-custom-style),input[type=text],input[type=tel],input[type=number],input[type=date],input[type=time]{border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);border-radius:8px;outline:none;color-scheme:light}[data-theme=dark] select:not(.no-custom-style),[data-theme=dark] input[type=text],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=number],[data-theme=dark] input[type=date],[data-theme=dark] input[type=time],.dark-mode select:not(.no-custom-style),.dark-mode input[type=text],.dark-mode input[type=tel],.dark-mode input[type=number],.dark-mode input[type=date],.dark-mode input[type=time]{background:var(--surface, #20242A);color:var(--text-main, #F1F5F9);border-color:var(--border, #2D333E);color-scheme:dark}select:focus,input:focus{border-color:var(--primary, #D2462D)}.multi-address-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;z-index:9999;display:flex;align-items:center;justify-content:center;padding:12px;overflow-y:auto;box-sizing:border-box}.multi-address-modal-card{--mam-bg: var(--surface, #FFFFFF);--mam-header-bg: var(--surface-muted, #F8FAFC);--mam-footer-bg: var(--surface-muted, #F8FAFC);--mam-border: var(--border, #E2E8F0);--mam-border-strong: var(--border-strong, #CBD5E1);--mam-text: var(--text-main, #252525);--mam-text-muted: var(--text-muted, #64748B);--mam-text-subtle: #94A3B8;--mam-card-bg: var(--surface-muted, #F8FAFC);--mam-card-border: var(--border, #E2E8F0);--mam-input-bg: var(--surface, #FFFFFF);--mam-input-border: var(--border-strong, #CBD5E1);--mam-input-text: var(--text-main, #252525);--mam-inner-card-bg: var(--surface, #FFFFFF);--mam-inner-card-border: var(--border, #E2E8F0);--mam-alert-warn-bg: rgba(245, 158, 11, .1);--mam-alert-warn-border: rgba(245, 158, 11, .35);--mam-alert-warn-text: #92400e;--mam-alert-warn-subtext: #b45309;--mam-alert-succ-bg: rgba(21, 128, 61, .08);--mam-alert-succ-border: rgba(21, 128, 61, .25);--mam-alert-succ-text: #166534;--mam-origin-valid-bg: rgba(16, 185, 129, .08);--mam-origin-valid-border: rgba(16, 185, 129, .25);--mam-origin-valid-text: #065f46;--mam-btn-add-bg: rgba(245, 158, 11, .12);--mam-btn-add-border: rgba(245, 158, 11, .3);--mam-btn-add-text: #b45309;--mam-btn-cancel-border: var(--border-strong, #CBD5E1);--mam-btn-cancel-text: var(--text-muted, #64748B);--mam-opt-a-bg: var(--surface, #FFFFFF);--mam-opt-a-active-bg: rgba(59, 130, 246, .06);--mam-opt-b-bg: var(--surface, #FFFFFF);--mam-opt-b-active-bg: rgba(34, 197, 94, .06);--mam-summary-bg: #EFF6FF;--mam-summary-border: #BFDBFE;--mam-box-estimate-bg: #EFF6FF;--mam-box-estimate-border: #DBEAFE;--mam-box-estimate-text: #1D4ED8;--mam-shadow: 0 20px 40px -10px rgba(0, 0, 0, .15);background:var(--mam-bg);color:var(--mam-text);border-radius:16px;width:100%;max-width:840px;max-height:92vh;display:flex;flex-direction:column;box-shadow:var(--mam-shadow);border:1px solid var(--mam-border);overflow:hidden;box-sizing:border-box}[data-theme=dark] .multi-address-modal-card,.dark-mode .multi-address-modal-card{--mam-bg: #1e293b;--mam-header-bg: rgba(15, 23, 42, .6);--mam-footer-bg: rgba(15, 23, 42, .6);--mam-border: #334155;--mam-border-strong: #475569;--mam-text: #f8fafc;--mam-text-muted: #94a3b8;--mam-text-subtle: #64748b;--mam-card-bg: rgba(30, 41, 59, .7);--mam-card-border: #334155;--mam-input-bg: rgba(15, 23, 42, .6);--mam-input-border: #475569;--mam-input-text: #ffffff;--mam-inner-card-bg: rgba(15, 23, 42, .4);--mam-inner-card-border: #334155;--mam-alert-warn-bg: rgba(234, 179, 8, .12);--mam-alert-warn-border: rgba(234, 179, 8, .4);--mam-alert-warn-text: #fef08a;--mam-alert-warn-subtext: #fbbf24;--mam-alert-succ-bg: rgba(34, 197, 94, .12);--mam-alert-succ-border: rgba(34, 197, 94, .4);--mam-alert-succ-text: #4ade80;--mam-origin-valid-bg: rgba(6, 78, 59, .25);--mam-origin-valid-border: rgba(16, 185, 129, .35);--mam-origin-valid-text: #f8fafc;--mam-btn-add-bg: rgba(245, 158, 11, .15);--mam-btn-add-border: rgba(245, 158, 11, .3);--mam-btn-add-text: #fbbf24;--mam-btn-cancel-border: #475569;--mam-btn-cancel-text: #94a3b8;--mam-opt-a-bg: rgba(15, 23, 42, .5);--mam-opt-a-active-bg: rgba(59, 130, 246, .12);--mam-opt-b-bg: rgba(15, 23, 42, .5);--mam-opt-b-active-bg: rgba(34, 197, 94, .12);--mam-summary-bg: rgba(15, 23, 42, .8);--mam-summary-border: rgba(59, 130, 246, .3);--mam-box-estimate-bg: rgba(30, 41, 59, .5);--mam-box-estimate-border: rgba(148, 163, 184, .1);--mam-box-estimate-text: #38bdf8;--mam-shadow: 0 25px 50px -12px rgba(0, 0, 0, .5)}.mam-header{padding:16px 20px;border-bottom:1px solid var(--mam-border);display:flex;align-items:center;justify-content:space-between;background:var(--mam-header-bg);box-sizing:border-box}.mam-close-btn{background:transparent;border:none;color:var(--mam-text-muted);font-size:24px;cursor:pointer;line-height:1;padding:4px;display:flex;align-items:center;justify-content:center}.mam-close-btn:hover{color:var(--mam-text)}.mam-body{padding:20px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;width:100%}.mam-origin-card{border-radius:10px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;box-sizing:border-box}.mam-origin-card.is-valid{background:var(--mam-origin-valid-bg);border:1px solid var(--mam-origin-valid-border);color:var(--mam-origin-valid-text)}.mam-origin-card.is-invalid{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#b91c1c}[data-theme=dark] .mam-origin-card.is-invalid,.dark-mode .mam-origin-card.is-invalid{color:#fca5a5}.mam-alloc-banner{border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.mam-alloc-banner.is-incomplete{background:var(--mam-alert-warn-bg);border:1px solid var(--mam-alert-warn-border)}.mam-alloc-banner.is-complete{background:var(--mam-alert-succ-bg);border:1px solid var(--mam-alert-succ-border)}.mam-alloc-title{font-size:13px;font-weight:700}.mam-alloc-banner.is-incomplete .mam-alloc-title{color:var(--mam-alert-warn-text)}.mam-alloc-banner.is-complete .mam-alloc-title{color:var(--mam-alert-succ-text)}.mam-alloc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;box-sizing:border-box}.mam-alloc-card{background:var(--mam-inner-card-bg);border:1px solid var(--mam-inner-card-border);padding:8px 10px;border-radius:6px;font-size:11px;box-sizing:border-box}.mam-dest-card{background:var(--mam-card-bg);border-radius:12px;border:1px solid var(--mam-card-border);padding:16px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%}.mam-input,.mam-textarea{width:100%;box-sizing:border-box;padding:8px 10px;border-radius:6px;background:var(--mam-input-bg);border:1px solid var(--mam-input-border);color:var(--mam-input-text);font-size:13px;outline:none;font-family:inherit;transition:border-color .15s ease}.mam-input:focus,.mam-textarea:focus{border-color:#3b82f6}.mam-alloc-row{background:var(--mam-inner-card-bg);padding:8px 12px;border-radius:8px;border:1px solid var(--mam-inner-card-border);display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;box-sizing:border-box}.mam-option-card{border-radius:12px;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:12px;position:relative;box-sizing:border-box;transition:border-color .15s ease,background .15s ease}.mam-option-card.option-a{background:var(--mam-opt-a-bg);border:1px solid var(--mam-card-border)}.mam-option-card.option-a.is-selected{border:2px solid #3b82f6;background:var(--mam-opt-a-active-bg)}.mam-option-card.option-b{background:var(--mam-opt-b-bg);border:1px solid var(--mam-card-border)}.mam-option-card.option-b.is-selected{border:2px solid #22c55e;background:var(--mam-opt-b-active-bg)}.mam-recipient-breakdown-row{background:var(--mam-inner-card-bg);border:1px solid var(--mam-inner-card-border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.mam-estimate-box{background:var(--mam-box-estimate-bg);border:1px solid var(--mam-box-estimate-border);padding:6px 8px;border-radius:6px;box-sizing:border-box}.mam-billed-box{display:flex;align-items:center;background:var(--mam-input-bg);border:1px solid var(--mam-input-border);border-radius:6px;padding:0 6px;box-sizing:border-box}.mam-financial-summary{background:var(--mam-summary-bg);border:1px solid var(--mam-summary-border);border-radius:8px;padding:12px;margin-top:4px;display:flex;flex-direction:column;gap:6px;box-sizing:border-box}.mam-footer{padding:16px 20px;border-top:1px solid var(--mam-border);background:var(--mam-footer-bg);display:flex;align-items:center;justify-content:flex-end;gap:10px;box-sizing:border-box}@media(max-width:768px){.multi-address-modal-card{max-height:96vh;border-radius:12px}.mam-header{padding:12px 14px}.mam-footer{padding:12px 14px max(12px,env(safe-area-inset-bottom));display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;box-sizing:border-box}.mam-footer .mam-btn-cancel{flex:0 0 auto;min-width:70px;min-height:44px;padding:0 14px!important;display:inline-flex;align-items:center;justify-content:center}.mam-footer .mam-btn-confirm{flex:1 1 auto;min-height:44px;justify-content:center;padding:0 10px!important;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mam-body{padding:14px 12px;gap:14px}.mam-dest-card{padding:12px}.mam-alloc-grid{grid-template-columns:1fr}}[data-theme=dark] .mobile-step-header{background:#181a1f;border-color:#2d333e}[data-theme=dark] .pos-mobile-more-menu{background:#20242a;border-color:#2d333e;box-shadow:0 8px 24px #0006}[data-theme=dark] .pos-mobile-more-item{color:#f1f5f9}[data-theme=dark] .pos-mobile-more-item:hover{background:#282e37}[data-theme=dark] .suspended-cart-modal{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .suspended-cart-header{background:#20242a;border-color:#2d333e}[data-theme=dark] .suspended-header-title{color:#f1f5f9}[data-theme=dark] .suspended-status-inline{color:#94a3b8}[data-theme=dark] .btn-suspended-sync{background:#282e37;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .suspended-outlet-filter-bar{background:#181a1f;border-color:#2d333e}[data-theme=dark] .suspended-outlet-select{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .suspended-status-filter-bar{background:#181a1f;border-color:#2d333e}[data-theme=dark] .btn-suspended-filter-pill{background:#20242a;border-color:#2d333e;color:#cbd5e1}[data-theme=dark] .btn-suspended-filter-pill.active{background:#d2462d;border-color:#d2462d;color:#fff}[data-theme=dark] .suspended-cart-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .suspended-customer-title{color:#f1f5f9}[data-theme=dark] .suspended-card-total{color:#d2462d}[data-theme=dark] .suspended-item-count-badge{background:#181a1f;border-color:#2d333e;color:#94a3b8}[data-theme=dark] .suspended-card-row-3,[data-theme=dark] .suspended-card-row-4{color:#94a3b8}[data-theme=dark] .suspended-cart-items-detail{background:#181a1f;border-color:#2d333e}[data-theme=dark] .suspended-item-row.has-border{border-color:#2d333e}[data-theme=dark] .suspended-item-name,[data-theme=dark] .suspended-item-price{color:#f1f5f9}[data-theme=dark] .btn-suspended-action.send-invoice{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-suspended-action.send-invoice:hover{background:#282e37}[data-theme=dark] .suspended-cart-footer{background:#20242a;border-color:#2d333e}[data-theme=dark] .btn-suspended-close-footer{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .cart-drawer-sheet{background:#181a1f;color:#f1f5f9}[data-theme=dark] .drawer-context-banner{background:#20242a;border-color:#2d333e}[data-theme=dark] .btn-drawer-footer-back,[data-theme=dark] .btn-drawer-footer-simpan{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .customer-select-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .customer-select-search-input{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .customer-select-item{border-color:#2d333e}[data-theme=dark] .customer-select-name{color:#f1f5f9}[data-theme=dark] .customer-badge-reguler{background:#20242a;border-color:#2d333e;color:#94a3b8}[data-theme=dark] .pre-order-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .pre-order-select,[data-theme=dark] .pre-order-input{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .customer-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .customer-form-input,[data-theme=dark] .customer-type-card{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .customer-type-card.active{background:#d2462d29;border-color:#d2462d;color:#d2462d}[data-theme=dark] .customer-btn-cancel{background:#20242a;border-color:#2d333e;color:#cbd5e1}[data-theme=dark] .method-button{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .method-button.active{background:#d2462d29;border-color:#d2462d;color:#d2462d}[data-theme=dark] .btn-quick-nominal{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-quick-nominal.active{background:#d2462d29;border-color:#d2462d;color:#d2462d}[data-theme=dark] .desktop-review-card{background:#181a1f!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .desktop-review-header{background:#20242a!important;border-color:#2d333e!important}[data-theme=dark] .btn-desktop-review-back,[data-theme=dark] .btn-desktop-edit-cart,[data-theme=dark] .desktop-review-cart-badge{background:#20242a!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .desktop-review-summary-card{background:#20242a!important;border-color:#2d333e!important}.quick-buttons{grid-template-columns:repeat(2,1fr)}.btn-quick-nominal.btn-quick-exact{grid-column:span 2}.payment-modal-footer{position:sticky;bottom:0;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}[data-theme=dark] .payment-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .payment-modal-header,[data-theme=dark] .payment-total-banner,[data-theme=dark] .payment-method-box{background:#20242a;border-color:#2d333e}[data-theme=dark] .cash-input{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .qris-confirm-btn{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .qris-confirm-btn:hover{background:#262b34;border-color:#3e4656}[data-theme=dark] .qris-confirm-btn .qris-check-icon{color:#94a3b8}[data-theme=dark] .qris-confirm-btn .qris-confirm-text{color:#f1f5f9}[data-theme=dark] .qris-confirm-btn.confirmed{background:#d2462d29;border-color:#d2462d;color:#ff7a60}[data-theme=dark] .qris-confirm-btn.confirmed:hover{background:#d2462d38;border-color:#d2462d}[data-theme=dark] .qris-confirm-btn.confirmed .qris-check-icon,[data-theme=dark] .qris-confirm-btn.confirmed .qris-confirm-text{color:#ff7a60}[data-theme=dark] .qris-instruction,[data-theme=dark] .qris-confirmed-status{color:#94a3b8}[data-theme=dark] .payment-modal-footer{background:#20242a;border-color:#2d333e}[data-theme=dark] .btn-modal-cancel{background:#20242a;border-color:#2d333e;color:#cbd5e1}.btn-modal-cancel,.btn-modal-process{min-height:44px;height:44px}.custom-checkbox-container{min-height:44px}.payment-modal-close{min-width:44px;min-height:44px}@media(max-width:640px){.payment-modal-card{max-width:100%}.method-selector-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.method-button{min-width:0;height:76px;min-height:72px}.btn-modal-cancel,.btn-modal-process{height:52px!important}.payment-modal-footer{flex-direction:row}.qris-confirm-btn{min-height:48px;height:48px;font-size:.88rem}.custom-checkbox-container{min-height:48px;padding:10px 14px}}@media(max-width:640px){.modal-overlay.suspended-cart-overlay{padding:8px!important}.suspended-cart-modal{width:100%!important;max-width:100%!important;height:92dvh!important;max-height:92dvh!important;border-radius:12px!important;margin:auto!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;box-sizing:border-box!important}.suspended-cart-header{padding:10px 12px 6px!important;gap:4px!important;flex-shrink:0!important}.suspended-header-row-1{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;gap:8px!important}.suspended-header-title-wrap{display:flex!important;align-items:flex-start!important;gap:6px!important;flex:1!important;min-width:0!important}.suspended-header-icon{margin-top:2px!important;flex-shrink:0!important}.suspended-header-title{font-size:.88rem!important;font-weight:700!important;line-height:1.25!important;color:var(--text-main, #252525)!important;margin:0!important}.suspended-close-btn{padding:4px!important;min-width:32px!important;min-height:32px!important;margin-top:-2px!important;flex-shrink:0!important}.suspended-header-row-2{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;padding-top:2px!important}.suspended-status-inline{font-size:.7rem!important;gap:5px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.btn-suspended-sync{height:22px!important;min-height:22px!important;font-size:.68rem!important;padding:0 7px!important;flex-shrink:0!important}.suspended-outlet-filter-bar{padding:5px 12px!important;flex-shrink:0!important}.suspended-outlet-select{height:32px!important;font-size:.76rem!important;padding:0 28px!important}.suspended-status-filter-bar{display:flex!important;width:100%!important;min-width:0!important;gap:5px!important;padding:6px 10px!important;overflow:hidden!important;overflow-x:hidden!important;flex-shrink:0!important;box-sizing:border-box!important;background:var(--surface-2, #F8FAFC)!important;border-bottom:1px solid var(--border, #E2E8F0)!important}.btn-suspended-filter-pill{flex:1 1 0%!important;min-width:0!important;width:100%!important;padding:0 4px!important;font-size:.74rem!important;font-weight:700!important;text-align:center!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:6px!important;height:32px!important;min-height:32px!important;max-height:32px!important;box-sizing:border-box!important}.btn-suspended-filter-pill.active{background:var(--primary, #D2462D)!important;border-color:var(--primary, #D2462D)!important;color:#fff!important}.suspended-cart-body{padding:8px 10px 14px!important;flex:1 1 auto!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}.suspended-cart-card{padding:10px 12px!important;gap:5px!important;border-radius:8px!important;box-sizing:border-box!important;box-shadow:0 1px 3px #00000008!important}.suspended-card-row-1{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:6px!important}.suspended-card-header-left{display:flex!important;align-items:center!important;gap:6px!important;min-width:0!important;flex:1!important}.suspended-customer-title{font-size:.88rem!important;font-weight:700!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.suspended-order-seq{font-size:.74rem!important;font-weight:800!important;flex-shrink:0!important}.suspended-card-header-right{flex-shrink:0!important}.suspended-status-badge{font-size:.68rem!important;padding:2px 6px!important;border-radius:6px!important}.suspended-card-row-2{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:6px!important}.suspended-card-total{font-size:1.05rem!important;font-weight:800!important;color:var(--primary, #D2462D)!important}.suspended-item-count-badge{font-size:.68rem!important;padding:1px 6px!important;border-radius:4px!important}.suspended-card-row-3{font-size:.7rem!important;gap:4px!important;color:var(--text-secondary, #64748B)!important;line-height:1.25!important}.suspended-order-type-badge,.suspended-outlet-badge{font-size:.66rem!important;padding:1px 5px!important;border-radius:4px!important}.suspended-card-row-4{font-size:.66rem!important;gap:4px!important;line-height:1.25!important;color:var(--text-muted, #94A3B8)!important}.suspended-items-summary-text{font-size:.7rem!important;margin:1px 0 2px!important;color:var(--text-secondary, #64748B)!important}.suspended-cart-items-detail{padding:6px 8px!important;margin:2px 0!important;border-radius:6px!important;background:var(--surface-2, #FAF9F7)!important}.suspended-item-line{font-size:.74rem!important}.suspended-item-note{font-size:.66rem!important;padding-left:12px!important}.suspended-addon-line{font-size:.68rem!important;padding-left:12px!important}.suspended-cart-actions-grid,.suspended-cart-actions-row{display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:6px!important;width:100%!important;box-sizing:border-box!important;margin-top:4px!important}.btn-suspended-action{height:38px!important;min-height:38px!important;max-height:38px!important;padding:0 8px!important;border-radius:6px!important;font-size:clamp(.68rem,2.3vw,.75rem)!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;white-space:nowrap!important;box-sizing:border-box!important}.btn-suspended-action.send-invoice{order:1!important;flex:1 1 0%!important;min-width:0!important;grid-column:auto!important;background:var(--surface, #FFFFFF)!important;border:1px solid var(--border, #CBD5E1)!important;color:var(--text-main, #252525)!important}.btn-suspended-action.send-invoice:hover{background:var(--surface-hover, #F1F5F9)!important;border-color:var(--primary, #D2462D)!important}.btn-suspended-action.send-invoice span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.btn-suspended-action.resume-order{order:2!important;flex:1 1 0%!important;min-width:0!important;grid-column:auto!important;background:var(--primary, #D2462D)!important;border:1px solid var(--primary, #D2462D)!important;color:#fff!important}.btn-suspended-action.resume-order:hover{background:var(--primary-hover, #B83B26)!important}.btn-suspended-action.resume-order span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.btn-suspended-action.delete-order{order:3!important;flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;padding:0!important;grid-column:auto!important;color:var(--error, #EF4444)!important;border:1px solid rgba(239,68,68,.3)!important;background:transparent!important}.btn-suspended-action.delete-order:hover{background:#ef444414!important}.suspended-cart-footer{padding:8px 12px!important;flex-shrink:0!important;background:var(--surface, #FFFFFF)!important;border-top:1px solid var(--border, #E2E8F0)!important}.btn-suspended-close-footer{width:100%!important;height:38px!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.84rem!important;font-weight:700!important;border-radius:8px!important}}@media(max-width:360px){.suspended-status-filter-bar{gap:3px!important;padding:4px 6px!important}.btn-suspended-filter-pill{font-size:.66rem!important;letter-spacing:-.2px!important;padding:0 2px!important;height:30px!important;min-height:30px!important}.suspended-cart-actions-grid,.suspended-cart-actions-row{gap:4px!important}.btn-suspended-action{height:36px!important;min-height:36px!important;max-height:36px!important;font-size:.68rem!important;letter-spacing:-.2px!important;padding:0 4px!important;gap:3px!important}.btn-suspended-action.delete-order{flex:0 0 34px!important;width:34px!important;min-width:34px!important;max-width:34px!important}}@media(max-width:640px){[data-theme=dark] .suspended-status-filter-bar{background:#181a1f!important;border-bottom-color:#2d333e!important}[data-theme=dark] .btn-suspended-filter-pill{background:#20242a!important;border-color:#2d333e!important;color:#cbd5e1!important}[data-theme=dark] .btn-suspended-filter-pill.active{background:var(--primary, #D2462D)!important;border-color:var(--primary, #D2462D)!important;color:#fff!important}[data-theme=dark] .btn-suspended-action.send-invoice{background:#20242a!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .btn-suspended-action.send-invoice:hover{background:#282e37!important}[data-theme=dark] .btn-suspended-action.delete-order{color:#f87171!important;border-color:#f8717159!important}[data-theme=dark] .suspended-cart-footer{background:#20242a!important;border-top-color:#2d333e!important}[data-theme=dark] .btn-suspended-close-footer{background:#20242a!important;border-color:#2d333e!important;color:#f1f5f9!important}}@media(max-width:640px){.floating-modal-card.discount-modal-card{width:100%!important;max-width:100%!important;margin:0!important;border-radius:12px!important}.discount-modal-card .floating-modal-header{padding:12px 14px!important}.discount-modal-card .floating-modal-body{padding:14px!important;gap:12px!important}.discount-modal-card .floating-modal-footer{display:flex!important;align-items:center!important;gap:8px!important;padding:12px 14px!important}.discount-modal-card .floating-btn-cancel{flex:1 1 0%!important}.discount-modal-card .floating-btn-submit{flex:1.4 1 0%!important}.floating-modal-card.loyalty-modal-card,.loyalty-modal-card{width:100%!important;max-width:100%!important;margin:0!important;border-radius:12px!important;max-height:calc(100dvh - 24px)!important}.loyalty-modal-card .floating-modal-header{padding:11px 14px!important}.loyalty-modal-card .floating-modal-body{padding:12px 14px!important;gap:10px!important}.loyalty-summary-card{padding:8px 12px!important}.loyalty-customer-name{font-size:.86rem!important}.loyalty-saldo-badge{padding:4px 10px!important;min-width:96px!important}.loyalty-saldo-points{font-size:.88rem!important}.loyalty-reward-card{padding:8px 12px!important}.loyalty-reward-label,.loyalty-reward-value{font-size:.9rem!important}.loyalty-consequence-grid{grid-template-columns:1fr!important;gap:4px!important}.loyalty-consequence-item{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:4px 8px!important}.loyalty-modal-card .floating-modal-footer,.loyalty-modal-footer{display:flex!important;align-items:center!important;gap:8px!important;padding:11px 14px!important}.loyalty-modal-footer .floating-btn-cancel{flex:1 1 0%!important;min-height:44px!important;height:44px!important}.loyalty-modal-footer .floating-btn-submit{flex:1.4 1 0%!important;min-height:44px!important;height:44px!important}}.promo-floating-card{max-width:440px;width:92%;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.promo-floating-card .floating-modal-header{padding:12px 16px!important;border-bottom:1px solid var(--border, #E2E8F0);background:var(--surface-2, #F8FAFC)}.promo-floating-card .floating-modal-body{padding:14px 16px!important;display:flex;flex-direction:column;gap:10px}.promo-form-stack{display:flex;align-items:center;gap:8px;width:100%}.promo-input-wrapper{position:relative;display:flex;align-items:center;flex:1;min-width:0}.promo-input-icon{position:absolute;left:12px;color:var(--text-muted, #64748B);pointer-events:none;flex-shrink:0}.promo-input-field{width:100%;min-height:44px;height:44px;font-size:.9rem;font-weight:600;padding:0 34px 0 36px;border-radius:8px;border:1.5px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);color:var(--text, #252525);outline:none;transition:all .15s ease;box-sizing:border-box}.promo-input-field:focus{border-color:var(--primary, #D2462D);box-shadow:0 0 0 2px #d2462d26}.promo-input-clear-btn{position:absolute;right:10px;background:none;border:none;color:var(--text-muted, #94A3B8);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s ease}.promo-input-clear-btn:hover{color:var(--text, #252525)}.promo-btn-apply{min-height:44px;height:44px;font-size:.88rem;font-weight:700;padding:0 18px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:filter .15s ease,opacity .15s ease;flex-shrink:0}.promo-btn-apply:hover:not(:disabled){filter:brightness(1.08)}.promo-btn-apply:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.promo-separator{display:flex;align-items:center;gap:12px;margin:2px 0;width:100%}.promo-separator-line{flex:1;height:1px;background:var(--border, #E2E8F0)}.promo-separator span{font-size:.74rem;font-weight:600;color:var(--text-muted, #64748B);text-transform:lowercase}.promo-available-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.promo-available-title{margin:0;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #64748B)}.promo-view-all-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:6px;border:1px solid var(--border, #E2E8F0);background:var(--surface-2, #F8FAFC);color:var(--text, #252525);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .15s ease}.promo-view-all-btn:hover{background:var(--surface-hover, #F1F5F9);border-color:var(--primary, #D2462D);color:var(--primary, #D2462D)}.promo-quick-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:2px}.promo-quick-card{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:10px;border:1.5px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);transition:all .15s ease;box-sizing:border-box}.promo-quick-card:hover{border-color:#d2462d66;box-shadow:0 2px 8px #0000000a}.promo-quick-card.invalid{opacity:.82;background:var(--surface-2, #F8FAFC);border-color:var(--border, #E2E8F0)}.promo-quick-card-body{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.promo-quick-card-left{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.promo-quick-code{font-size:.96rem;font-weight:800;color:var(--primary, #D2462D);letter-spacing:.4px;font-family:var(--font-mono, monospace);line-height:1.2}.promo-quick-name{font-size:.82rem;font-weight:600;color:var(--text, #252525);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.promo-quick-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;background:#d2462d14;color:var(--primary, #D2462D);font-size:.7rem;font-weight:700;width:fit-content;margin-top:2px}.promo-quick-badge-icon{flex-shrink:0}.promo-quick-card-divider{width:1px;align-self:stretch;background:var(--border, #E2E8F0);flex-shrink:0}.promo-quick-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0;text-align:right;min-width:85px}.promo-quick-min-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #64748B)}.promo-quick-min-val{font-size:.88rem;font-weight:800;color:var(--text, #252525)}.promo-quick-card.invalid .promo-quick-min-val{color:var(--text-muted, #64748B)}.promo-quick-shortfall-tag{font-size:.66rem;font-weight:600;color:#dc2626;background:#ef444414;padding:1px 5px;border-radius:4px;white-space:nowrap;margin-top:2px}.promo-quick-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px solid var(--border-subtle, rgba(0, 0, 0, .05))}.promo-quick-btn-copy{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;min-height:32px;padding:0 12px;border-radius:6px;border:1px solid var(--border, #E2E8F0);background:var(--surface-2, #F8FAFC);color:var(--text, #252525);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.promo-quick-btn-copy:hover{background:var(--surface-hover, #F1F5F9);color:var(--text, #252525)}.promo-quick-btn-use{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:32px;min-height:32px;padding:0 16px;border-radius:6px;border:none;background:var(--primary, #D2462D);color:#fff;font-size:.78rem;font-weight:700;cursor:pointer;transition:filter .15s ease,opacity .15s ease}.promo-quick-btn-use:hover:not(:disabled){filter:brightness(1.08)}.promo-quick-btn-use:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.5)}.active-promo-modal-card{max-width:760px;width:94%;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);box-shadow:0 16px 36px #00000029}@media(min-width:641px){.active-promo-modal-card{max-width:560px;width:92%}}.active-promo-header{display:flex;align-items:flex-start;justify-content:space-between;padding:10px 16px 8px;border-bottom:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);gap:8px;flex-shrink:0}.active-promo-header-info{display:flex;align-items:flex-start;gap:8px;flex:1;min-width:0}.active-promo-header-icon{margin-top:1px;color:var(--primary, #D2462D);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.active-promo-header-text{flex:1;min-width:0}.active-promo-title{margin:0;font-size:.9rem;font-weight:800;color:var(--text-main, #252525);line-height:1.2}.active-promo-subtitle{margin-top:2px;font-size:.7rem;color:var(--text-secondary, #64748B);font-weight:600;display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-promo-pill-outlet{color:var(--text-secondary, #64748B);font-weight:600}.active-promo-pill-customer.selected{color:var(--primary, #D2462D);font-weight:700;display:inline-flex;align-items:center;gap:3px}.active-promo-pill-customer.unselected{color:var(--text-muted, #94A3B8);font-weight:500}.active-promo-close-btn{min-height:44px;min-width:44px;background:none;border:none;color:var(--text-muted, #94A3B8);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;padding:0;margin-top:-6px;margin-right:-6px;flex-shrink:0;transition:all .15s ease}.active-promo-close-btn:hover{background:var(--surface-2, #F8FAFC);color:var(--text-main, #252525)}.active-benefit-alert{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin:8px 16px 0;border-radius:8px;background:#d2462d14;border:1px solid rgba(210,70,45,.25);gap:8px;flex-shrink:0}.active-benefit-alert-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.active-benefit-alert-icon{color:var(--primary, #D2462D);flex-shrink:0}.active-benefit-alert-title{font-size:.68rem;font-weight:700;text-transform:uppercase;color:var(--primary, #D2462D);letter-spacing:.3px}.active-benefit-alert-name{font-size:.78rem;font-weight:700;color:var(--text-main, #252525);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-benefit-btn-remove{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 8px;border-radius:6px;border:1px solid rgba(239,68,68,.3);background:var(--surface, #FFFFFF);color:var(--error, #EF4444);font-size:.72rem;font-weight:700;cursor:pointer;flex-shrink:0}.active-promo-toolbar{padding:8px 16px;background:var(--surface-2, #FAF9F7);border-bottom:1px solid var(--border, #E2E8F0);display:flex;flex-direction:column;gap:6px;flex-shrink:0}.active-promo-search-wrap{position:relative;width:100%;display:flex;align-items:center}.active-promo-search-icon{position:absolute;left:12px;color:var(--text-muted, #94A3B8);pointer-events:none}.active-promo-search-input{width:100%;height:38px;min-height:38px;padding:0 32px 0 34px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.8rem;outline:none;box-sizing:border-box}.active-promo-search-input:focus{border-color:var(--primary, #D2462D)}.active-promo-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--text-muted, #94A3B8);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.active-promo-mobile-filter,.active-promo-category-bar{display:block!important;width:100%}.active-promo-select-wrap{position:relative;width:100%;display:flex;align-items:center}.active-promo-select-icon{position:absolute;left:12px;color:var(--primary, #D2462D);pointer-events:none}.active-promo-category-select{width:100%;height:36px;min-height:36px;padding:0 32px 0 34px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.78rem;font-weight:700;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;box-sizing:border-box}.active-promo-select-arrow{position:absolute;right:12px;color:var(--text-muted, #94A3B8);pointer-events:none}.active-promo-tabs-scroll{display:none!important}.active-promo-body{padding:12px 16px 20px;overflow-y:auto;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.benefit-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 3px #00000008;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box}.benefit-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.benefit-card-title-wrap{flex:1;min-width:0}.benefit-card-title{margin:0;font-size:.88rem;font-weight:700;color:var(--text-main, #252525);line-height:1.25}.benefit-card-desc{margin:2px 0 0;font-size:.72rem;color:var(--text-secondary, #64748B);line-height:1.25}.benefit-badge-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.benefit-badge{display:inline-flex;align-items:center;gap:3px;font-size:.66rem;font-weight:700;padding:2px 6px;border-radius:4px;flex-shrink:0;white-space:nowrap}.benefit-badge-regular{background:#d2462d14;color:var(--primary, #D2462D);border:1px solid rgba(210,70,45,.2)}.benefit-badge-product{background:#10b98114;color:#059669;border:1px solid rgba(16,185,129,.2)}.benefit-badge-review,.benefit-badge-active{background:#f59e0b14;color:#b45309;border:1px solid rgba(245,158,11,.2)}.benefit-badge-kol{background:#2563eb14;color:#1d4ed8;border:1px solid rgba(37,99,235,.2)}.benefit-badge-affiliate{background:#7e22ce14;color:#7e22ce;border:1px solid rgba(126,34,206,.2)}.benefit-badge-bundle{background:#c2410c14;color:#c2410c;border:1px solid rgba(194,65,12,.2)}.benefit-badge-visit{background:#4338ca14;color:#4338ca;border:1px solid rgba(67,56,202,.2)}.benefit-customer-gating{display:flex;align-items:center;gap:4px}.benefit-customer-tag{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 7px;border-radius:4px;line-height:1.25}.benefit-customer-tag.unselected{background:#f59e0b14;color:#b45309;border:1px solid rgba(245,158,11,.25)}.benefit-customer-tag.eligible{background:#10b98114;color:#047857;border:1px solid rgba(16,185,129,.25)}.benefit-customer-tag.ineligible{background:#ef444414;color:#dc2626;border:1px solid rgba(239,68,68,.25)}.benefit-card-highlight{background:var(--surface-2, #FAF9F7);border:1px solid var(--border, #E2E8F0);border-radius:6px;padding:6px 10px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.benefit-highlight-item{display:inline-flex;align-items:baseline;gap:4px}.benefit-highlight-bullet{color:var(--text-muted, #94A3B8);font-size:.7rem}.benefit-highlight-label{font-size:.7rem;font-weight:600;color:var(--text-secondary, #64748B)}.benefit-highlight-val{font-size:.76rem;font-weight:800;color:#d2462d}.benefit-code-box{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px;flex-wrap:wrap}.benefit-code-row{display:flex;align-items:center;gap:5px;font-family:monospace;white-space:nowrap;flex-shrink:0}.benefit-code-label{font-size:.7rem;font-weight:700;color:var(--text-secondary, #64748B);white-space:nowrap}.benefit-code-val{font-size:.76rem;font-weight:800;letter-spacing:.5px;color:var(--text-main, #252525);background:var(--surface-2, #FAF9F7);border:1px dashed var(--border, #CBD5E1);padding:2px 6px;border-radius:4px;white-space:nowrap;word-break:keep-all;flex-shrink:0}.benefit-actions-row{display:flex;align-items:center;gap:6px;flex-shrink:0}.benefit-btn-copy{height:34px;min-height:34px;padding:0 10px;border-radius:6px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.74rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:all .15s ease}.benefit-btn-copy:hover{background:var(--surface-2, #F8FAFC);border-color:var(--primary, #D2462D)}.benefit-btn-copy.copied{color:#047857;border-color:#059669}.benefit-btn-use{height:34px;min-height:38px;padding:0 14px;border-radius:6px;border:1px solid var(--primary, #D2462D);background:var(--primary, #D2462D);color:#fff;font-size:.74rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:all .15s ease}.benefit-btn-use:hover{background:var(--primary-hover, #B83B26)}.benefit-specs-grid{display:flex;align-items:center;gap:8px;font-size:.68rem;color:var(--text-muted, #94A3B8);flex-wrap:wrap;line-height:1.25}.active-promo-footer{padding:8px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);display:flex;flex-direction:column;gap:8px;flex-shrink:0;box-sizing:border-box}.active-promo-footer-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:.72rem;color:var(--text-secondary, #64748B)}.active-promo-footer-meta-item{display:inline-flex;align-items:center;gap:4px}.active-promo-footer-label{font-weight:600;color:var(--text-secondary, #64748B)}.active-promo-footer-val{font-weight:700;color:var(--text-main, #252525)}.active-promo-footer-text,.active-promo-footer-info{display:flex;align-items:center;justify-content:center;gap:6px;font-size:.72rem;color:var(--text-secondary, #64748B);flex-wrap:wrap;text-align:center}.active-promo-footer-bullet{color:var(--text-muted, #94A3B8)}.active-promo-footer-close{width:100%;height:38px;min-height:38px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.82rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.active-promo-footer-close:hover{background:var(--surface-2, #F8FAFC)}@media(max-width:640px){.promo-floating-card{width:calc(100% - 16px)!important;max-width:100%!important;margin:8px auto!important;border-radius:12px!important;max-height:calc(100dvh - 20px)!important}.promo-floating-card .floating-modal-header{padding:10px 14px!important}.promo-floating-card .floating-modal-body{padding:12px 14px!important;gap:10px!important}.promo-form-stack{flex-direction:column!important;gap:8px!important}.promo-input-wrapper{width:100%!important}.promo-btn-apply{width:100%!important;min-height:44px!important;height:44px!important}.promo-quick-card{padding:9px 12px!important}.promo-quick-actions .promo-quick-btn-copy{flex:1!important;height:38px!important;min-height:38px!important}.promo-quick-actions .promo-quick-btn-use{flex:1.3!important;height:38px!important;min-height:38px!important}.active-promo-modal-card{width:calc(100% - 16px);max-width:100%!important;height:92dvh;max-height:92dvh;margin:auto}.active-promo-mobile-filter{display:block!important}.active-promo-tabs-scroll{display:none!important}.benefit-btn-copy,.benefit-btn-use{min-height:44px;height:44px;font-size:.76rem}.active-promo-footer-close{min-height:44px;height:44px}}[data-theme=dark] .promo-floating-card,[data-theme=dark] .active-promo-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .promo-floating-card .floating-modal-header{background:#20242a!important;border-color:#2d333e!important}[data-theme=dark] .promo-separator-line{background:#2d333e}[data-theme=dark] .promo-separator span,[data-theme=dark] .promo-available-title{color:#94a3b8}[data-theme=dark] .promo-view-all-btn{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .promo-view-all-btn:hover{background:#282e37;border-color:var(--primary, #D2462D);color:#ff8f7a}[data-theme=dark] .promo-quick-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .promo-quick-card:hover{border-color:#d2462d99}[data-theme=dark] .promo-quick-card.invalid{background:#1c2026;border-color:#252a33}[data-theme=dark] .promo-quick-code{color:#ff6b50}[data-theme=dark] .promo-quick-name{color:#f1f5f9}[data-theme=dark] .promo-quick-badge{background:#d2462d26;color:#ff8f7a}[data-theme=dark] .promo-quick-card-divider{background:#2d333e}[data-theme=dark] .promo-quick-min-label{color:#94a3b8}[data-theme=dark] .promo-quick-min-val{color:#f1f5f9}[data-theme=dark] .promo-quick-card.invalid .promo-quick-min-val{color:#64748b}[data-theme=dark] .promo-quick-shortfall-tag{background:#ef444426;color:#f87171}[data-theme=dark] .promo-quick-actions{border-color:#2d333e}[data-theme=dark] .promo-quick-btn-copy{background:#282e37;border-color:#3d4452;color:#f1f5f9}[data-theme=dark] .promo-quick-btn-copy:hover{background:#333a46}[data-theme=dark] .active-promo-header{background:#20242a;border-color:#2d333e}[data-theme=dark] .active-promo-title{color:#f1f5f9}[data-theme=dark] .active-promo-toolbar{background:#181a1f;border-color:#2d333e}[data-theme=dark] .active-promo-tab-pill{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .active-benefit-alert{background:#d2462d26;border-color:#d2462d59}[data-theme=dark] .promo-input-field,[data-theme=dark] .active-promo-search-input,[data-theme=dark] .active-promo-category-select,[data-theme=dark] .benefit-card{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .benefit-card-title{color:#f1f5f9}[data-theme=dark] .benefit-card-highlight{background:#181a1f;border-color:#2d333e}[data-theme=dark] .benefit-code-box{background:transparent}[data-theme=dark] .benefit-code-val{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .benefit-customer-tag.unselected{background:#f59e0b26;border-color:#f59e0b59;color:#fbbf24}[data-theme=dark] .benefit-customer-tag.eligible{background:#10b98126;border-color:#10b98159;color:#34d399}[data-theme=dark] .benefit-customer-tag.ineligible{background:#ef444426;border-color:#ef444459;color:#f87171}[data-theme=dark] .benefit-btn-copy{background:#282e37;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .active-promo-footer{background:#20242a;border-color:#2d333e}[data-theme=dark] .active-promo-footer-meta,[data-theme=dark] .active-promo-footer-label{color:#94a3b8}[data-theme=dark] .active-promo-footer-val{color:#f1f5f9}[data-theme=dark] .active-promo-footer-close,[data-theme=dark] .active-promo-footer-btn-close{background:#20242a;border-color:#2d333e;color:#f1f5f9}.close-event-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;box-sizing:border-box}.close-event-modal-card{width:100%;max-width:740px;max-height:calc(100vh - 32px);background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #00000014;overflow:hidden;display:flex;flex-direction:column;min-width:0;box-sizing:border-box}.close-event-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--surface, #FFFFFF);border-bottom:1px solid var(--border, #E2E8F0);flex-shrink:0;gap:12px}.close-event-title-wrap{display:flex;align-items:center;gap:10px;min-width:0}.close-event-header-icon{width:36px;height:36px;border-radius:10px;background:#d2462d1a;color:var(--primary, #D2462D);display:flex;align-items:center;justify-content:center;flex-shrink:0}.close-event-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--text-main, #0F172A);line-height:1.3}.close-event-subtitle{margin:2px 0 0;font-size:.8rem;color:var(--text-secondary, #64748B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.close-event-btn-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary, #64748B);cursor:pointer;transition:all .15s ease;flex-shrink:0}.close-event-btn-close:hover{background:var(--surface-hover, #F1F5F9);color:var(--text-main, #0F172A)}.close-event-body{padding:16px 18px;display:flex;flex-direction:column;gap:14px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;box-sizing:border-box}.close-event-section,.close-event-section-white{background:var(--surface-card, #F8FAFC);border:1px solid var(--border, #E2E8F0);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.close-event-section-white{background:var(--surface, #FFFFFF)}.close-event-section-head{display:flex;align-items:center;gap:7px;font-size:.84rem;font-weight:700;color:var(--text-main, #0F172A);letter-spacing:-.01em}.close-event-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}.close-event-field{display:flex;flex-direction:column;min-width:0}.close-event-label{display:flex;align-items:center;gap:6px;font-size:.77rem;font-weight:600;color:var(--text-secondary, #475569);margin-bottom:5px}.close-event-field-icon{color:var(--primary, #D2462D);flex-shrink:0}.close-event-input{font-family:inherit;width:100%;height:40px;padding:8px 12px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.9rem;font-weight:600;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.close-event-input:focus{outline:none;border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d26}.close-event-textarea{font-family:inherit;width:100%;min-height:52px;height:60px;max-height:100px;padding:8px 12px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.85rem;resize:vertical;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.close-event-textarea:focus{outline:none;border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d26}.close-event-summary-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#d2462d0d;border:1px dashed rgba(210,70,45,.3);border-radius:8px;margin-top:4px}.close-event-summary-label{font-size:.8rem;font-weight:700;color:var(--text-main, #0F172A)}.close-event-omset-val{font-size:1.05rem;font-weight:800;color:var(--primary, #D2462D);font-variant-numeric:tabular-nums}.close-event-hpp-warning{margin-top:4px;font-size:.72rem;font-weight:600;color:#d97706;display:flex;align-items:center;gap:4px;line-height:1.2}.close-event-profit-card{border-radius:12px;padding:12px 14px;border:1px solid var(--border, #E2E8F0);background:var(--surface-card, #F8FAFC);display:flex;flex-direction:column;gap:8px;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}.close-event-profit-card.is-positive{background:#16a34a0f;border-color:#16a34a4d}.close-event-profit-card.is-negative{background:#dc26260f;border-color:#dc26264d}.close-event-profit-card.is-zero{background:var(--surface-card, #F8FAFC);border-color:var(--border, #E2E8F0)}.close-event-profit-row{display:flex;align-items:center;justify-content:space-between}.close-event-profit-divider{height:1px;background:var(--border, #E2E8F0);opacity:.8}.close-event-footer{flex-shrink:0;position:sticky;bottom:0;z-index:10;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:12px 18px;background:var(--surface, #FFFFFF);border-top:1px solid var(--border, #E2E8F0);box-sizing:border-box}.close-event-btn-cancel{min-height:44px;height:44px;padding:0 18px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #334155);font-size:.88rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease;box-sizing:border-box}.close-event-btn-cancel:hover:not(:disabled){background:var(--surface-hover, #F1F5F9);border-color:var(--border-hover, #94A3B8)}.close-event-btn-submit{min-height:44px;height:44px;padding:0 20px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;font-size:.88rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:all .15s ease;box-sizing:border-box;box-shadow:0 2px 4px #d2462d40}.close-event-btn-submit:hover:not(:disabled){background:#b83a23;transform:translateY(-1px);box-shadow:0 4px 8px #d2462d59}.close-event-btn-submit:disabled,.close-event-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=dark] .close-event-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d}[data-theme=dark] .close-event-header{background:#181a1f;border-bottom-color:#2d333e}[data-theme=dark] .close-event-title{color:#f1f5f9}[data-theme=dark] .close-event-subtitle,[data-theme=dark] .close-event-btn-close{color:#94a3b8}[data-theme=dark] .close-event-btn-close:hover{background:#22262e;color:#f1f5f9}[data-theme=dark] .close-event-section,[data-theme=dark] .close-event-section-white{background:#1e232b;border-color:#2d333e}[data-theme=dark] .close-event-section-head{color:#f1f5f9}[data-theme=dark] .close-event-label{color:#94a3b8}[data-theme=dark] .close-event-input{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .close-event-input:focus{border-color:#d2462d;box-shadow:0 0 0 3px #d2462d40}[data-theme=dark] .close-event-textarea{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .close-event-textarea:focus{border-color:#d2462d;box-shadow:0 0 0 3px #d2462d40}[data-theme=dark] .close-event-summary-row{background:#d2462d1f;border-color:#d2462d59}[data-theme=dark] .close-event-summary-label{color:#f1f5f9}[data-theme=dark] .close-event-profit-card{background:#1e232b;border-color:#2d333e}[data-theme=dark] .close-event-profit-card.is-positive{background:#16a34a1f;border-color:#16a34a59}[data-theme=dark] .close-event-profit-card.is-negative{background:#dc26261f;border-color:#dc262659}[data-theme=dark] .close-event-profit-card.is-zero{background:#1e232b;border-color:#2d333e}[data-theme=dark] .close-event-profit-divider{background:#2d333e}[data-theme=dark] .close-event-footer{background:#181a1f;border-top-color:#2d333e}[data-theme=dark] .close-event-btn-cancel{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .close-event-btn-cancel:hover:not(:disabled){background:#2a303c}@media(max-width:640px){.close-event-modal-overlay{padding:10px;align-items:center}.close-event-modal-card{width:calc(100vw - 20px);max-width:100%;max-height:calc(100dvh - 20px);border-radius:14px}.close-event-header{padding:12px 14px}.close-event-title{font-size:.95rem}.close-event-body{padding:12px 14px;gap:12px}.close-event-section,.close-event-section-white{padding:10px 12px;gap:8px}.close-event-grid{grid-template-columns:1fr;gap:8px}.close-event-input{height:40px}.close-event-footer{padding:10px 14px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));gap:8px}.close-event-btn-cancel{flex:1;padding:0 10px}.close-event-btn-submit{flex:1.8;padding:0 12px}}@media(max-width:540px){.close-event-modal-card{max-width:540px}}@media(max-width:480px){.close-event-modal-overlay{padding:8px}.close-event-modal-card{width:calc(100vw - 16px);max-height:calc(100dvh - 16px)}.close-event-btn-submit span{font-size:.82rem}}.export-btn-action,.print-btn-action{min-height:38px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;cursor:pointer}.export-dropdown-menu{position:absolute;top:100%;right:0;margin-top:6px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;box-shadow:0 10px 15px -3px #0000001a;z-index:250;min-width:180px;overflow:hidden}.export-dropdown-item{width:100%;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--text-main, #1E293B);background:transparent;border:none;cursor:pointer;text-align:left}.export-dropdown-item:hover{background:var(--surface-2, #F1F5F9)}[data-theme=dark] .export-btn-action{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .export-dropdown-menu{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .export-dropdown-item{color:#f1f5f9}[data-theme=dark] .export-dropdown-item:hover{background:#20242a}.event-detail-label,.event-stat-label{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2!important;line-clamp:2!important;overflow:hidden}[data-theme=dark] .event-kpi-card{background:#22262e;border-color:#2d333e}[data-theme=dark] .event-sales-filter-unified{background:#20242a;border-color:#2d333e}[data-theme=dark] .event-sales-filter-unified .filter-search-field,[data-theme=dark] .event-sales-select-status,[data-theme=dark] .event-sales-filter-period-preset .period-select,[data-theme=dark] .btn-event-filter-advanced,[data-theme=dark] .btn-event-sales-refresh{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-event-filter-advanced:hover,[data-theme=dark] .btn-event-sales-refresh:hover{background:#2a303c}[data-theme=dark] .event-sales-segmented-wrapper .filter-pill-btn{background:#22262e;border-color:#2d333e;color:#94a3b8}[data-theme=dark] .event-sales-segmented-wrapper .filter-pill-btn:hover{background:#2a303c;color:#f1f5f9}[data-theme=dark] .event-sales-segmented-wrapper .filter-pill-btn.active{background:#d2462d;border-color:#d2462d;color:#fff}[data-theme=dark] .event-advanced-filter-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .event-advanced-filter-header{background:#20242a;border-bottom-color:#2d333e}[data-theme=dark] .event-advanced-filter-title{color:#f1f5f9}[data-theme=dark] .event-advanced-filter-footer{background:#181a1f;border-top-color:#2d333e}[data-theme=dark] .btn-popover-reset{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .event-sales-table-card{background:#181a1f;border-color:#2d333e}[data-theme=dark] .event-sales-table thead tr th{background:#20242a;color:#94a3b8;border-color:#2d333e}[data-theme=dark] .event-sales-table tbody tr td{border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .event-sales-table tbody tr:hover td{background:#22262e}[data-theme=dark] .tx-mobile-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .event-sales-select-category,body.dark-mode .event-sales-select-category{background:#20242a!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .btn-event-sales-refresh,body.dark-mode .btn-event-sales-refresh{background:#22262e!important;border-color:#2d333e!important;color:#f1f5f9!important}@media(max-width:640px){.event-detail-tabs-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-detail-tab-btn{min-width:0!important;white-space:normal!important;min-height:44px!important}}.event-sales-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.event-sales-header-titles{min-width:0}.btn-event-sales-refresh{height:38px;width:38px;padding:0;border-radius:8px;border:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);color:var(--text-main, #334155);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-event-sales-refresh:hover:not(:disabled){background:var(--surface-hover, #F1F5F9);border-color:var(--border-hover, #94A3B8)}.btn-event-sales-create{height:38px;padding:0 16px;border-radius:8px;border:none;background:#d2462d;color:#fff;font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 4px #d2462d40;transition:all .15s ease;flex-shrink:0}.btn-event-sales-create:hover{background:#b83a23;transform:translateY(-1px)}.event-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px;width:100%;box-sizing:border-box}@media(max-width:1024px){.event-kpi-grid{grid-template-columns:repeat(4,1fr);gap:8px}}@media(max-width:768px){.event-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:640px){.event-kpi-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important}}.event-sales-segmented-wrapper{display:flex;align-items:center;gap:6px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.event-sales-segmented-wrapper::-webkit-scrollbar{display:none}.event-sales-segmented-wrapper .filter-pill-btn{padding:6px 14px;border-radius:20px;border:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);color:var(--text-secondary, #64748B);font-size:.8rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.event-sales-segmented-wrapper .filter-pill-btn:hover{background:var(--surface-hover, #F8FAFC);color:var(--text-main, #0F172A);border-color:var(--border-hover, #CBD5E1)}.event-sales-segmented-wrapper .filter-pill-btn.active{background:#d2462d;color:#fff;border-color:#d2462d;font-weight:700;box-shadow:0 2px 6px #d2462d40}.event-sales-filter-unified{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:10px;margin-bottom:14px;box-sizing:border-box;width:100%;flex-wrap:nowrap;box-shadow:0 1px 3px #00000008}.event-sales-filter-unified .event-sales-search-wrap{flex:1 1 200px;min-width:160px;position:relative;display:flex;align-items:center}.event-sales-filter-unified .filter-search-field{width:100%;height:38px;padding:0 32px 0 36px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.84rem;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.event-sales-filter-unified .filter-search-field:focus{outline:none;border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d1f}.event-sales-filter-middle-group,.event-sales-filter-actions-group{display:flex;align-items:center;gap:8px;flex:0 0 auto}.event-sales-select-category{height:38px;padding:0 10px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.82rem;font-weight:600;cursor:pointer;flex:0 0 160px;width:160px;box-sizing:border-box}.event-sales-select-category:focus{outline:none;border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d1f}.event-sales-select-status{height:38px;padding:0 10px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #0F172A);font-size:.82rem;font-weight:600;cursor:pointer;flex:0 0 135px;width:135px;box-sizing:border-box}.event-sales-select-status:focus{outline:none;border-color:var(--primary, #D2462D);box-shadow:0 0 0 3px #d2462d1f}.event-sales-filter-period-preset{flex:0 0 140px;width:140px;box-sizing:border-box}.event-sales-filter-period-preset .period-preset-dropdown-wrap,.event-sales-filter-period-preset .period-select-custom-wrapper{width:100%;height:38px;box-sizing:border-box}.event-sales-filter-period-preset .period-select{width:100%!important;height:38px!important;border-radius:8px!important;border:1px solid var(--border, #CBD5E1)!important;background:var(--surface, #FFFFFF)!important;color:var(--text-main, #0F172A)!important;font-size:.82rem!important;font-weight:600!important;cursor:pointer!important;box-sizing:border-box!important;padding:0 24px 0 10px!important}.btn-event-filter-advanced{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #334155);font-size:.82rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0;box-sizing:border-box}.btn-event-filter-advanced:hover{background:var(--surface-hover, #F8FAFC);border-color:var(--border-hover, #94A3B8)}.btn-event-filter-advanced.active{border-color:#d2462d;background:#d2462d14;color:#d2462d}.filter-active-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#d2462d;color:#fff;font-size:.68rem;font-weight:800}.btn-reset-compact{height:38px;padding:0 12px;border-radius:8px;border:1px solid var(--border, #CBD5E1);background:transparent;color:var(--text-secondary, #64748B);font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s ease;flex-shrink:0;box-sizing:border-box}.btn-reset-compact:hover{background:#ef444414;color:#dc2626;border-color:#ef44444d}@media(min-width:769px){.event-sales-filter-unified{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;flex-wrap:nowrap!important}.event-sales-filter-unified .event-sales-search-wrap{flex:1 1 200px!important;min-width:160px!important}.event-sales-filter-middle-group,.event-sales-filter-actions-group{display:contents!important}.event-sales-select-category{flex:0 0 160px!important;width:160px!important;height:38px!important}.event-sales-select-status{flex:0 0 135px!important;width:135px!important;height:38px!important}.event-sales-filter-period-preset{flex:0 0 140px!important;width:140px!important;height:38px!important}.btn-event-filter-advanced,.btn-reset-compact{flex:0 0 auto!important;height:38px!important}}@media(max-width:1024px)and (min-width:769px){.event-sales-filter-unified{flex-wrap:wrap!important}.event-sales-filter-unified .event-sales-search-wrap{flex:1 1 100%!important;width:100%!important;margin-bottom:2px}}[data-theme=dark] .event-sales-filter-unified{background:#181a1f;border-color:#2d333e;box-shadow:0 1px 3px #0003}[data-theme=dark] .event-sales-filter-unified .filter-search-field,[data-theme=dark] .event-sales-select-category,[data-theme=dark] .event-sales-select-status,[data-theme=dark] .event-sales-filter-period-preset .period-select,[data-theme=dark] .btn-event-filter-advanced,[data-theme=dark] .btn-reset-compact{background:#20242a;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-event-filter-advanced:hover{background:#282e37;border-color:#3e4756}[data-theme=dark] .btn-event-filter-advanced.active{background:#d2462d29;border-color:#d2462d;color:#d2462d}[data-theme=dark] .btn-reset-compact:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.event-advanced-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.event-advanced-filter-card{width:100%;max-width:460px;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:14px;box-shadow:0 20px 25px -5px #00000026;overflow:hidden;box-sizing:border-box;animation:modalScaleIn .18s cubic-bezier(.16,1,.3,1)}.event-advanced-filter-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF)}.event-advanced-filter-title{font-size:.92rem;font-weight:700;color:var(--text-main, #0F172A)}.event-advanced-filter-body{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.event-date-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.event-filter-field-group{display:flex;flex-direction:column;gap:4px}.event-filter-label{font-size:.74rem;font-weight:600;color:var(--text-secondary, #475569)}.event-advanced-filter-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--border, #E2E8F0);background:var(--surface-card, #F8FAFC)}.btn-popover-reset{height:36px;padding:0 14px;border-radius:7px;border:1px solid var(--border, #CBD5E1);background:var(--surface, #FFFFFF);color:var(--text-main, #334155);font-size:.8rem;font-weight:600;cursor:pointer}.btn-popover-apply{height:36px;padding:0 16px;border-radius:7px;border:none;background:#d2462d;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer}.event-sales-table-card{background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.event-sales-table{width:100%;border-collapse:collapse}.event-sales-table thead tr th{padding:10px 12px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-secondary, #64748B);background:var(--surface-card, #F8FAFC);border-bottom:1px solid var(--border, #E2E8F0);letter-spacing:.02em}.event-sales-table tbody tr td{padding:10px 12px;font-size:.84rem;border-bottom:1px solid var(--border, #E2E8F0);color:var(--text-main, #0F172A);vertical-align:middle}.event-sales-table tbody tr:hover td{background:var(--surface-hover, #F8FAFC)}@media(max-width:768px){.event-sales-filter-unified{flex-direction:column!important;gap:8px!important;padding:10px!important;margin-bottom:12px!important}.event-sales-filter-unified .event-sales-search-wrap{width:100%!important;min-width:100%!important;flex:1 1 100%!important}.event-sales-filter-middle-group{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.event-sales-filter-middle-group .event-sales-select-category,.event-sales-filter-middle-group .event-sales-select-status{width:100%!important;flex:1!important;min-width:0!important;height:40px!important;box-sizing:border-box!important}.event-sales-filter-actions-group{display:flex!important;width:100%!important;gap:8px!important;flex-wrap:wrap!important;box-sizing:border-box!important}.event-sales-filter-period-preset{flex:1 1 calc(50% - 4px)!important;min-width:0!important}.event-sales-filter-period-preset .period-select{width:100%!important;min-width:0!important;height:40px!important}.btn-event-filter-advanced{flex:1 1 calc(50% - 4px)!important;width:auto!important;min-width:0!important;height:40px!important;justify-content:center!important}.btn-reset-compact{flex:1 1 100%!important;width:100%!important;height:38px!important;justify-content:center!important;text-align:center!important}.desktop-table-container{display:none!important}.mobile-transaction-cards-list{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}}.event-mobile-card-actions{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;gap:8px!important;width:100%!important;box-sizing:border-box!important;margin-top:8px!important;padding-top:10px!important;border-top:1px solid var(--border)!important}.event-mobile-btn-detail{flex:1 1 auto!important;height:38px!important;min-height:38px!important;max-height:38px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;font-weight:700!important;font-size:.84rem!important;border-radius:8px!important;padding:0 12px!important;box-sizing:border-box!important;white-space:nowrap!important}.event-mobile-btn-lock,.event-mobile-btn-delete{flex:0 0 38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;box-sizing:border-box!important;flex-shrink:0!important}.event-mobile-btn-lock.event-btn-closing{background:#22c55e1f!important;border-color:#22c55e66!important;color:#16a34a!important}.event-mobile-btn-lock.event-btn-closing:hover{background:#16a34a!important;color:#fff!important;border-color:#16a34a!important}.event-mobile-btn-lock.event-btn-reopen{background:#f973161a!important;border-color:#f973164d!important;color:var(--primary, #D2462D)!important}.event-mobile-btn-lock.event-btn-reopen:hover{background:var(--primary, #D2462D)!important;color:#fff!important}.event-mobile-btn-delete{color:#dc2626!important;border-color:#dc26264d!important;background:#dc262614!important}.event-mobile-btn-delete:hover:not(:disabled){background:#dc2626!important;color:#fff!important;border-color:#dc2626!important}[data-theme=dark] .event-mobile-card-actions{border-top-color:#2d333e!important}[data-theme=dark] .event-mobile-btn-detail{background:#20242a!important;border-color:#2d333e!important;color:#f1f5f9!important}[data-theme=dark] .event-mobile-btn-detail:hover{background:#282e37!important;border-color:#3e4756!important}[data-theme=dark] .event-mobile-btn-lock.event-btn-closing{background:#22c55e33!important;border-color:#22c55e80!important;color:#4ade80!important}[data-theme=dark] .event-mobile-btn-lock.event-btn-reopen{background:#f9731633!important;border-color:#f9731680!important;color:#fb923c!important}[data-theme=dark] .event-mobile-btn-delete{background:#dc262633!important;border-color:#dc262680!important;color:#f87171!important}.event-detail-modal-card{max-width:840px;width:95%;max-height:90vh;overflow:hidden;overflow-x:hidden;box-sizing:border-box;display:flex;flex-direction:column}.event-detail-header{padding:14px 20px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border);flex-shrink:0;box-sizing:border-box}.event-detail-body{padding:16px 20px 24px;display:flex;flex-direction:column;gap:14px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch}.event-detail-tabs-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 20px;background:transparent;border-bottom:1px solid var(--border);box-sizing:border-box;overflow:hidden;width:100%;flex-shrink:0}.event-detail-tab-btn{width:100%;min-width:0;max-width:100%;min-height:44px;padding:8px 12px;border-radius:8px;font-size:.84rem;font-weight:600;display:flex;align-items:center;justify-content:center;text-align:center;gap:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .15s ease;margin-bottom:0;white-space:normal;overflow-wrap:anywhere;word-break:break-word;box-sizing:border-box;touch-action:manipulation}.event-detail-tab-btn.active{background:#d2462d;color:#fff;border-color:#d2462d;font-weight:700}.event-financial-cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;box-sizing:border-box}.event-fin-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;box-sizing:border-box;transition:all .15s ease}.event-detail-section-card{border:1px solid var(--border);border-radius:12px;background:var(--surface);box-sizing:border-box}.event-detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;background:var(--surface-2);padding:14px;border-radius:12px;box-sizing:border-box}.event-detail-close-btn{min-width:44px!important;min-height:44px!important;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:all .15s ease;touch-action:manipulation}.event-status-badge.status-open{background:#22c55e1f;color:#16a34a;border:1px solid rgba(34,197,94,.3);font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:6px}.event-status-badge.status-closed{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);font-size:.72rem;font-weight:700;padding:4px 8px;border-radius:6px}body.dark-mode .event-detail-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9}body.dark-mode .event-detail-header{border-bottom-color:#2d333e;background:#181a1f}body.dark-mode .event-detail-tabs-bar{border-bottom-color:#2d333e}body.dark-mode .event-fin-card,body.dark-mode .event-detail-section-card{background:#20242a;border-color:#2d333e}body.dark-mode .event-detail-meta-grid{background:#181a1f;border-color:#2d333e}@media(max-width:640px){.event-detail-modal-card{width:96%!important;max-height:92vh!important}.event-detail-tabs-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}.event-detail-tab-btn{min-width:0!important;width:100%!important;white-space:normal!important;min-height:44px!important}.event-detail-tab-btn span{-webkit-line-clamp:2!important;line-clamp:2!important}.event-financial-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.event-pl-columns-grid{grid-template-columns:1fr!important;gap:10px!important}.event-pl-breakdown-card{padding:12px 14px!important}.event-pl-card-header{font-size:.88rem!important;margin-bottom:10px!important}.event-pl-row{padding:6px 0!important;font-size:.82rem!important}.event-pl-subtotal-row{padding:8px 10px!important;font-size:.82rem!important}.event-pl-net-profit-card{flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:12px 14px!important;width:100%!important}.event-pl-net-profit-nominal{font-size:1.35rem!important;align-self:flex-start!important;text-align:left!important}.event-affiliate-grid{grid-template-columns:1fr!important;gap:8px!important}.event-affiliate-item{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:10px 12px!important;gap:10px!important}.event-affiliate-label{font-size:.78rem!important;flex:1!important}.event-affiliate-val{font-size:.85rem!important;text-align:right!important;margin-top:0!important;flex-shrink:0!important}}@media(max-width:360px){.event-detail-tabs-bar{padding:6px!important;gap:4px!important}.event-detail-tab-btn{padding:6px 2px!important;font-size:.72rem!important;gap:4px!important;min-height:44px!important}.event-financial-cards-grid{grid-template-columns:1fr!important}}.btn-modal-secondary{min-height:44px;height:44px;padding:0 16px;border-radius:8px;font-family:Inter,sans-serif;border:1.5px solid var(--border, #D9D2C5);background:var(--surface, #FFFFFF);color:var(--text-main, #252525);font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all .15s ease}.btn-modal-secondary:hover{background:var(--surface-2, #F8FAFC)}[data-theme=dark] .btn-modal-secondary{background:#22262e;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .btn-modal-secondary:hover{background:#282e37}.btn-modal-destructive{min-height:44px;height:44px;padding:0 16px;border-radius:8px;font-family:Inter,sans-serif;border:none;background:var(--error, #EF4444);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all .15s ease}.btn-modal-destructive:hover{opacity:.9}.void-modal-footer,.gcal-modal-footer{padding:10px 16px;border-top:1px solid var(--border, #E2E8F0);background:var(--surface-2, #F8FAFC);display:flex;align-items:center;justify-content:flex-end;gap:10px;box-sizing:border-box;flex-shrink:0}[data-theme=dark] .void-modal-footer,[data-theme=dark] .gcal-modal-footer{background:#20242a;border-color:#2d333e}.gcal-preview-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100000;padding:16px;box-sizing:border-box}.gcal-preview-modal-card{width:100%;max-width:680px;max-height:90vh;background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:14px;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;animation:fadeIn .15s ease-out}.gcal-modal-header{padding:10px 16px;border-bottom:1px solid var(--border, #E2E8F0);background:var(--surface, #FFFFFF);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.gcal-modal-header-title{display:flex;align-items:center;gap:8px}.gcal-modal-header-title h3{margin:0;font-size:.98rem;font-weight:800;color:var(--text-main, #0F172A)}.gcal-modal-body{padding:12px 16px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;box-sizing:border-box}.gcal-error-alert{background:#ef44441a;color:#ef4444;padding:10px 14px;border-radius:8px;font-size:.82rem;display:flex;align-items:flex-start;gap:8px;border:1px solid rgba(239,68,68,.2)}.gcal-info-card{background:var(--surface-2, #F8FAFC);border-radius:10px;padding:12px 14px;border:1px solid var(--border, #E2E8F0);display:flex;flex-direction:column;gap:8px;font-size:.85rem;box-sizing:border-box}.gcal-event-title-section{display:flex;flex-direction:column;gap:2px}.gcal-event-title{font-weight:800;font-size:.95rem;color:var(--text-main, #0F172A);margin-top:1px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.gcal-grid-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;border-top:1px solid var(--border, #E2E8F0);padding-top:8px}.gcal-field-group{display:flex;flex-direction:column;gap:2px;min-width:0}.gcal-field-label{font-size:.7rem;color:var(--text-muted, #64748B);font-weight:700;text-transform:uppercase;letter-spacing:.02em;display:inline-flex;align-items:center;gap:5px}.gcal-field-value{font-size:.85rem;font-weight:700;color:var(--text-main, #0F172A);word-break:break-word;line-height:1.3}.gcal-outlet-section{border-top:1px solid var(--border, #E2E8F0);padding-top:8px;display:flex;flex-direction:column;gap:2px}.gcal-outlet-name{font-size:.88rem;font-weight:700;color:var(--text-main, #0F172A)}.gcal-outlet-address{font-size:.76rem;color:var(--text-muted, #64748B);line-height:1.35;margin-top:1px}.gcal-maps-link{display:inline-flex;align-items:center;gap:5px;font-size:.75rem;color:#0284c7;font-weight:700;text-decoration:none;padding:3px 8px;background:#0284c714;border:1px solid rgba(2,132,199,.25);border-radius:6px;width:fit-content;transition:all .15s ease}.gcal-maps-link:hover{background:#0284c726}.gcal-items-section{border-top:1px solid var(--border, #E2E8F0);padding-top:8px;display:flex;flex-direction:column;gap:4px}.gcal-items-box{white-space:pre-line;font-size:.8rem;line-height:1.4;color:var(--text-main, #0F172A);background:var(--surface, #FFFFFF);border:1px solid var(--border, #E2E8F0);border-radius:6px;padding:6px 10px;word-break:break-word}.gcal-total-row{border-top:1px solid var(--border, #E2E8F0);padding-top:8px;display:flex;justify-content:space-between;align-items:center;gap:8px}.gcal-total-label{font-size:.78rem;font-weight:700;color:var(--text-muted, #64748B)}.gcal-total-nominal{font-size:1.05rem;font-weight:800;color:var(--primary, #D2462D);font-family:Inter,sans-serif}.btn-gcal-open{min-height:44px;height:44px;padding:0 16px;background:#4285f4;color:#fff;border:none;border-radius:8px;font-size:.84rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;transition:all .15s ease}.btn-gcal-open:hover:not(:disabled){background:#3367d6}.btn-gcal-open:disabled{background:var(--border, #CBD5E1);color:#ffffffb3;cursor:not-allowed;opacity:.6}[data-theme=dark] .gcal-preview-modal-card{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .gcal-modal-header{background:#181a1f;border-color:#2d333e}[data-theme=dark] .gcal-modal-header-title h3{color:#f1f5f9}[data-theme=dark] .gcal-info-card{background:#20242a;border-color:#2d333e}[data-theme=dark] .gcal-event-title,[data-theme=dark] .gcal-field-value,[data-theme=dark] .gcal-outlet-name{color:#f1f5f9}[data-theme=dark] .gcal-items-box{background:#181a1f;border-color:#2d333e;color:#f1f5f9}[data-theme=dark] .gcal-maps-link{background:#38bdf81f;border-color:#38bdf84d;color:#38bdf8}[data-theme=dark] .gcal-maps-link:hover{background:#38bdf833}@media(max-width:640px){.gcal-preview-modal-overlay{padding:8px;align-items:center}.gcal-preview-modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 16px)!important;border-radius:12px}.gcal-modal-header{padding:10px 14px}.gcal-modal-body,.gcal-info-card{padding:10px 12px;gap:8px}.gcal-grid-2col{grid-template-columns:1fr!important;gap:8px}.gcal-modal-footer{flex-direction:column-reverse;gap:8px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px))}.gcal-modal-footer .btn-modal-secondary,.gcal-modal-footer .btn-gcal-open{width:100%;min-height:44px;height:44px;justify-content:center}}.attendance-history-page{width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box}.attendance-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.attendance-header-titles{display:flex;flex-direction:column;gap:4px;min-width:0}.attendance-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.attendance-header-secondary-actions{display:inline-flex;align-items:center;gap:8px;flex-wrap:nowrap;flex-shrink:0}.attendance-header-secondary-actions .export-button-group{display:inline-flex;align-items:center;gap:6px;flex-wrap:nowrap}.btn-attendance-schedule,.btn-attendance-refresh{height:36px;min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;font-size:.78rem;border-radius:8px;box-sizing:border-box}.attendance-view-mode-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;width:100%;box-sizing:border-box}.attendance-tabs-container{display:flex;align-items:center;gap:4px;background:var(--surface-2);padding:4px;border-radius:10px;border:1px solid var(--border);box-sizing:border-box}.attendance-tabs-container .btn-switcher{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:700;border-radius:7px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .15s ease}.attendance-tabs-container .btn-switcher:hover{color:var(--text-main);background:#0000000a}.attendance-tabs-container .btn-switcher.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #d2462d40}.attendance-tabs-container .tab-label-desktop{display:inline}.attendance-tabs-container .tab-label-mobile{display:none}.attendance-period-indicator{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted);background:var(--surface);padding:6px 12px;border-radius:8px;border:1px solid var(--border);white-space:nowrap;box-sizing:border-box}.attendance-recap-kpi-grid,.attendance-daily-kpi-grid,.attendance-approval-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px;width:100%;box-sizing:border-box}.attendance-kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 14px;box-shadow:0 1px 4px #00000008;min-width:0;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.attendance-kpi-header{display:flex;justify-content:space-between;align-items:center;font-size:.72rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attendance-kpi-value{font-size:1.35rem;font-weight:900;color:var(--text-main);margin-top:4px;line-height:1.2}.attendance-kpi-unit{font-size:.76rem;font-weight:500;color:var(--text-muted)}.attendance-kpi-desc{font-size:.7rem;color:var(--text-muted);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-val-green,.kpi-icon-green{color:#16a34a!important}.kpi-val-blue,.kpi-icon-blue{color:#2563eb!important}.kpi-val-orange,.kpi-icon-orange{color:#d97706!important}.kpi-val-red,.kpi-icon-red{color:#dc2626!important}.kpi-icon-neutral{color:var(--text-muted)!important}.attendance-recap-filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px;width:100%;box-sizing:border-box}.attendance-filter-row-preset{width:100%;box-sizing:border-box}.attendance-preset-desktop{display:flex;align-items:center;gap:6px;width:100%;box-sizing:border-box}.attendance-preset-label{display:flex;align-items:center;gap:4px;font-size:.78rem;font-weight:700;color:var(--text-muted);flex-shrink:0}.attendance-preset-strip{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.btn-preset-filter{padding:5px 10px;border-radius:6px;font-size:.74rem;font-weight:600;border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);cursor:pointer;white-space:nowrap;transition:all .15s ease}.btn-preset-filter:hover{border-color:var(--primary);color:var(--primary)}.btn-preset-filter.active{background:var(--primary);color:#fff;font-weight:800;border-color:var(--primary)}.attendance-preset-mobile{display:none;width:100%;box-sizing:border-box}.attendance-filter-controls-container{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%;min-width:0;box-sizing:border-box}.attendance-filter-row-search{flex:1.5;min-width:0;order:1}.attendance-filter-row-search .filter-search-field{width:100%;min-width:0;height:36px;font-size:.78rem;box-sizing:border-box}.attendance-filter-row-selects{flex:2;min-width:0;display:flex;gap:6px;order:2}.attendance-filter-row-selects .filter-select{flex:1;min-width:0;height:36px;font-size:.78rem;box-sizing:border-box}.attendance-filter-row-dates{flex:1.8;min-width:0;display:flex;align-items:center;gap:6px;order:3}.attendance-filter-row-dates .attendance-date-input{flex:1;min-width:0;height:36px;font-size:.78rem;box-sizing:border-box}.attendance-date-sep{color:var(--text-muted);font-size:.74rem;flex-shrink:0}.attendance-desktop-table-container{width:100%;overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-sizing:border-box}.attendance-desktop-table-container table{margin:0;width:100%}.attendance-recap-mobile-cards,.attendance-daily-mobile-cards,.attendance-approval-mobile-cards{display:none}.subtitle-desktop{display:inline}.subtitle-mobile{display:none}.attendance-daily-quick-filter-wrapper{width:100%;box-sizing:border-box}.attendance-daily-quick-filter{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--surface);width:100%;box-sizing:border-box}.attendance-daily-filter-mobile.mobile-only{display:none}.attendance-approval-filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:18px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.attendance-approval-chips-desktop{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.attendance-approval-filter-label{display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;color:var(--text-muted);margin-right:4px}.attendance-approval-filter-mobile.mobile-only{display:none}.attendance-approval-actions-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.attendance-approval-search-box{display:flex;align-items:center;min-width:220px;position:relative}.attendance-approval-search-icon{position:absolute;left:10px;color:var(--text-muted);pointer-events:none}.attendance-approval-search-input{width:100%;height:38px;padding:6px 12px 6px 32px;font-size:.78rem;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);box-sizing:border-box;outline:none}.attendance-approval-search-input:focus{border-color:var(--primary)}.btn-approval-batch{display:inline-flex;align-items:center;gap:6px;background:#16a34a;color:#fff;border:none;font-weight:800;font-size:.78rem;padding:8px 14px;border-radius:8px;cursor:pointer;transition:background .15s ease;white-space:nowrap}.btn-approval-batch:hover{background:#15803d}.batch-label-desktop{display:inline}.batch-label-mobile{display:none}.attendance-approval-empty{padding:48px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.attendance-approval-empty-icon{color:var(--text-muted);margin-bottom:10px}.attendance-approval-empty-title{font-weight:800;font-size:.95rem;color:var(--text-main);margin-bottom:4px}.attendance-approval-empty-desc{font-size:.8rem;color:var(--text-muted);max-width:400px;margin:0 auto}.detail-modal-actions{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px;box-sizing:border-box}.btn-modal-gmaps{padding:8px 14px;border-radius:6px;border:none;background:var(--primary);color:#fff!important;text-decoration:none;font-size:.8rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-sizing:border-box;transition:all .15s ease}.btn-modal-gmaps:hover{filter:brightness(1.08)}.btn-modal-close{min-width:90px}.attendance-status-badge{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:12px;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;letter-spacing:.02em}.attendance-status-badge.badge-ontime{background:#16a34a1f;color:#16a34a}.attendance-status-badge.badge-late{background:#dc26261f;color:#dc2626}.attendance-status-badge.badge-alpha{background:#dc262626;color:#dc2626}.attendance-status-badge.badge-pending{background:#d977061f;color:#d97706}.attendance-status-badge.badge-off{background:var(--surface-2);color:var(--text-muted)}@media(max-width:767px){.attendance-history-page{padding:12px 10px!important;max-width:100%!important;overflow-x:hidden!important;box-sizing:border-box!important}.attendance-page-header{flex-direction:column!important;gap:12px!important;margin-bottom:14px!important;width:100%!important;box-sizing:border-box!important}.attendance-header-actions{display:flex!important;flex-direction:column!important;width:100%!important;gap:8px!important;box-sizing:border-box!important}.btn-attendance-schedule{width:100%!important;height:38px!important;justify-content:center!important;font-size:.8rem!important;font-weight:700!important;box-sizing:border-box!important}.attendance-header-secondary-actions{display:flex!important;align-items:center!important;width:100%!important;gap:8px!important;box-sizing:border-box!important}.attendance-header-secondary-actions .export-button-group{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;flex:1!important;min-width:0!important;box-sizing:border-box!important}.attendance-header-secondary-actions .export-button-group .export-dropdown-wrapper{width:100%!important;min-width:0!important}.attendance-header-secondary-actions .export-button-group .export-btn-action,.attendance-header-secondary-actions .export-button-group .print-btn-action,.attendance-header-secondary-actions .export-button-group .export-btn-print{width:100%!important;min-width:0!important;height:38px!important;justify-content:center!important;font-size:.76rem!important;padding:0 6px!important;box-sizing:border-box!important;white-space:nowrap!important}.btn-attendance-refresh{width:42px!important;min-width:42px!important;max-width:42px!important;height:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;box-sizing:border-box!important}.attendance-view-mode-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:14px!important;width:100%!important;box-sizing:border-box!important}.attendance-tabs-container{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important;gap:4px!important;padding:4px!important;overflow-x:hidden!important;box-sizing:border-box!important}.attendance-tabs-container .tab-label-desktop{display:none!important}.attendance-tabs-container .tab-label-mobile{display:inline!important}.attendance-tabs-container .btn-switcher{width:100%!important;min-width:0!important;padding:7px 4px!important;font-size:.72rem!important;gap:4px!important;justify-content:center!important;white-space:nowrap!important;box-sizing:border-box!important}.attendance-tabs-container .btn-switcher svg{flex-shrink:0!important;width:13px!important;height:13px!important}.attendance-period-indicator{width:100%!important;justify-content:center!important;font-size:.74rem!important;padding:6px 10px!important;box-sizing:border-box!important}.attendance-recap-kpi-grid,.attendance-daily-kpi-grid,.attendance-approval-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important;width:100%!important}.attendance-kpi-card{padding:8px 10px!important;border-radius:8px!important}.attendance-kpi-header{font-size:.68rem!important}.attendance-kpi-value{font-size:1.15rem!important;margin-top:2px!important}.attendance-kpi-unit{font-size:.7rem!important}.attendance-kpi-desc{font-size:.66rem!important;margin-top:2px!important}.attendance-preset-desktop{display:none!important}.attendance-preset-mobile{display:block!important;width:100%!important}.attendance-preset-select-wrapper{position:relative;width:100%;display:flex;align-items:center;box-sizing:border-box}.attendance-preset-prefix{position:absolute;left:10px;font-size:.76rem;font-weight:700;color:var(--text-muted);pointer-events:none;z-index:1}.attendance-preset-dropdown{width:100%!important;min-width:0!important;height:38px!important;padding-left:60px!important;font-size:.78rem!important;font-weight:700!important;border-radius:8px!important;border:1px solid var(--border)!important;background-color:var(--surface-2)!important;color:var(--text-main)!important;box-sizing:border-box!important}.attendance-filter-controls-container{flex-direction:column!important;gap:8px!important;width:100%!important}.attendance-filter-row-dates{order:1!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:6px!important;min-width:0!important;box-sizing:border-box!important;align-items:center!important}.attendance-filter-row-selects{order:2!important;width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:6px!important;min-width:0!important;box-sizing:border-box!important}.attendance-filter-row-selects .filter-select{width:100%!important;min-width:0!important;box-sizing:border-box!important;text-overflow:ellipsis!important;white-space:nowrap!important;overflow:hidden!important;height:38px!important;font-size:.78rem!important;padding:6px 8px!important}.attendance-filter-row-search{order:3!important;width:100%!important;min-width:0!important}.attendance-desktop-table-container{display:none!important}.attendance-recap-mobile-cards{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.attendance-employee-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;box-sizing:border-box;transition:border-color .15s ease;cursor:pointer}.attendance-employee-card:active{background:var(--surface-2)}.att-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.att-card-name{font-weight:800;font-size:.88rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.att-card-badge-hadir{font-size:.72rem;font-weight:700;background:#16a34a1a;color:#16a34a;padding:2px 8px;border-radius:12px;flex-shrink:0}.att-card-meta{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-card-outlet{font-weight:600;color:var(--text-muted)}.att-card-sep{opacity:.5}.att-card-period{color:var(--text-muted)}.att-card-metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:var(--surface-2);padding:6px 8px;border-radius:6px;margin-top:2px;box-sizing:border-box}.att-metric-col{display:flex;flex-direction:column;min-width:0}.att-metric-label{font-size:.68rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-metric-val{font-weight:700;font-size:.78rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:2px;width:100%}.btn-att-card-detail{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--primary);cursor:pointer;transition:all .15s ease}.btn-att-card-detail:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.subtitle-desktop{display:none!important}.subtitle-mobile{display:inline!important;font-size:.76rem!important}.attendance-daily-quick-filter.desktop-only{display:none!important}.attendance-daily-filter-mobile.mobile-only{display:block!important;width:100%!important;box-sizing:border-box!important;padding:10px 12px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important}.attendance-daily-status-dropdown{width:100%!important;min-width:0!important;height:38px!important;padding-left:56px!important;font-size:.78rem!important;font-weight:700!important;border-radius:8px!important;border:1px solid var(--border)!important;background-color:var(--surface-2)!important;color:var(--text-main)!important;box-sizing:border-box!important}.attendance-detail-modal-footer{padding:10px 12px!important;box-sizing:border-box!important}.detail-modal-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;width:100%!important;box-sizing:border-box!important}.detail-modal-actions>*:only-child{grid-column:1 / -1!important;width:100%!important}.detail-modal-actions>*{width:100%!important;min-width:0!important;height:40px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:.76rem!important;font-weight:700!important;padding:0 8px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;border-radius:8px!important}.attendance-daily-mobile-cards{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.attendance-daily-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;box-sizing:border-box;transition:border-color .15s ease}.daily-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.daily-card-name{font-weight:800;font-size:.88rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.daily-card-sub{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-muted);flex-wrap:wrap}.daily-card-dot{opacity:.5}.daily-card-mismatch{font-size:.68rem;font-weight:700;color:#e67e22}.daily-card-divider{height:1px;background:var(--border);margin:2px 0;width:100%}.daily-card-metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;background:var(--surface-2);padding:7px 10px;border-radius:6px;box-sizing:border-box}.daily-metric-col{display:flex;flex-direction:column;min-width:0}.daily-metric-label{font-size:.68rem;color:var(--text-muted);font-weight:600}.daily-metric-val{font-weight:800;font-size:.82rem;color:var(--text-main)}.daily-metric-val.val-ontime{color:#16a34a}.daily-metric-val.val-late{color:#dc2626}.daily-metric-sub{font-size:.68rem;color:var(--text-muted);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.daily-card-extras{display:flex;align-items:center;gap:6px;font-size:.68rem;color:var(--text-muted);flex-wrap:wrap;padding-top:2px}.daily-extra-item{display:inline-flex;align-items:center;gap:3px;background:var(--surface-2);padding:2px 6px;border-radius:4px;border:1px solid var(--border)}.daily-card-footer{display:flex;justify-content:flex-end;align-items:center;margin-top:2px;width:100%}.btn-daily-card-detail{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:.72rem;font-weight:700;border-radius:6px;border:1px solid var(--border);background:var(--surface-2);color:var(--primary);cursor:pointer;transition:all .15s ease}.btn-daily-card-detail:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.attendance-approval-filter-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important;padding:10px 12px!important;margin-bottom:12px!important;border-radius:10px!important}.attendance-approval-chips-desktop.desktop-only{display:none!important}.attendance-approval-filter-mobile.mobile-only{display:block!important;width:100%!important}.attendance-approval-select-wrapper{position:relative;width:100%;display:flex;align-items:center;box-sizing:border-box}.attendance-approval-select-prefix{position:absolute;left:10px;font-size:.76rem;font-weight:700;color:var(--text-muted);pointer-events:none;z-index:1;display:inline-flex;align-items:center;gap:4px}.attendance-approval-status-dropdown{width:100%!important;min-width:0!important;height:40px!important;padding-left:70px!important;padding-right:28px!important;font-size:.78rem!important;font-weight:700!important;border-radius:8px!important;border:1px solid var(--border)!important;background-color:var(--surface-2)!important;color:var(--text-main)!important;box-sizing:border-box!important;outline:none}.attendance-approval-actions-group{flex-direction:column!important;width:100%!important;gap:8px!important}.attendance-approval-search-box{width:100%!important;min-width:0!important}.attendance-approval-search-input{width:100%!important;height:40px!important;font-size:.78rem!important;border-radius:8px!important}.btn-approval-batch{width:100%!important;height:40px!important;justify-content:center!important;font-size:.78rem!important;border-radius:8px!important}.batch-label-desktop{display:none!important}.batch-label-mobile{display:inline!important}.attendance-approval-empty{padding:22px 14px!important;min-height:unset!important}.attendance-approval-empty-icon{width:28px!important;height:28px!important;margin-bottom:6px!important}.attendance-approval-empty-title{font-size:.85rem!important;font-weight:800!important;margin-bottom:4px!important}.attendance-approval-empty-desc{font-size:.74rem!important;max-width:280px!important;margin:0 auto!important;line-height:1.4!important}.attendance-approval-mobile-cards{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.attendance-approval-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 12px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:6px;min-width:0;width:100%;box-sizing:border-box}.attendance-approval-card.approval-status-pending{border-left:4px solid #d97706}.attendance-approval-card.approval-status-approved{border-left:4px solid #16a34a}.attendance-approval-card.approval-status-rejected{border-left:4px solid #dc2626}.approval-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%}.approval-card-name{font-weight:800;font-size:.88rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.approval-status-badge{font-size:.72rem;font-weight:800;padding:2px 8px;border-radius:6px;flex-shrink:0;white-space:nowrap}.approval-status-badge.badge-pending{background:#d977061f;color:#d97706}.approval-status-badge.badge-approved{background:#16a34a1f;color:#16a34a}.approval-status-badge.badge-rejected{background:#dc26261f;color:#dc2626}.approval-card-sub{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--text-muted);flex-wrap:wrap}.approval-card-dot{opacity:.5}.approval-card-metrics-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;background:var(--surface-2);padding:6px 8px;border-radius:6px;box-sizing:border-box;align-items:center}.approval-metric-col{display:flex;flex-direction:column;min-width:0}.approval-metric-label{font-size:.68rem;color:var(--text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-metric-val{font-weight:700;font-size:.76rem;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-metric-val.val-ontime{color:#16a34a}.approval-metric-val.val-late{color:#dc2626}.approval-gps-link{font-size:.74rem;font-weight:700;color:var(--primary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.approval-photo-thumb{width:38px;height:38px;border-radius:6px;object-fit:cover;border:1px solid var(--border);cursor:pointer;flex-shrink:0}.approval-rejection-note{font-size:.72rem;color:#dc2626;background:#dc262614;padding:4px 8px;border-radius:5px;box-sizing:border-box}.approval-card-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:2px;width:100%;box-sizing:border-box}.approval-action-buttons{display:flex;align-items:center;gap:8px;flex:1;justify-content:flex-end}.btn-approval-action{display:inline-flex;align-items:center;justify-content:center;gap:4px;height:38px;padding:0 12px;font-size:.74rem;font-weight:700;border-radius:6px;border:none;cursor:pointer;box-sizing:border-box;transition:opacity .15s ease}.btn-approval-photo{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.btn-approval-approve{background:#16a34a;color:#fff;flex:1}.btn-approval-reject{background:#dc26261a;color:#dc2626;border:1px solid #dc2626;flex:1}.btn-approval-revert-reject{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border);width:100%}.btn-approval-revert-approve{background:#16a34a1f;color:#16a34a;border:1px solid #16a34a;width:100%}}body.dark-mode .attendance-recap-kpi-grid .kpi-val-green,body.dark-mode .attendance-recap-kpi-grid .kpi-icon-green,[data-theme=dark] .attendance-recap-kpi-grid .kpi-val-green,[data-theme=dark] .attendance-recap-kpi-grid .kpi-icon-green,.dark .attendance-recap-kpi-grid .kpi-val-green,.dark .attendance-recap-kpi-grid .kpi-icon-green,body.dark-mode .attendance-daily-kpi-grid .kpi-val-green,body.dark-mode .attendance-daily-kpi-grid .kpi-icon-green,[data-theme=dark] .attendance-daily-kpi-grid .kpi-val-green,[data-theme=dark] .attendance-daily-kpi-grid .kpi-icon-green,.dark .attendance-daily-kpi-grid .kpi-val-green,.dark .attendance-daily-kpi-grid .kpi-icon-green{color:#22c55e!important}body.dark-mode .attendance-recap-kpi-grid .kpi-val-blue,body.dark-mode .attendance-recap-kpi-grid .kpi-icon-blue,[data-theme=dark] .attendance-recap-kpi-grid .kpi-val-blue,[data-theme=dark] .attendance-recap-kpi-grid .kpi-icon-blue,.dark .attendance-recap-kpi-grid .kpi-val-blue,.dark .attendance-recap-kpi-grid .kpi-icon-blue{color:#3b82f6!important}body.dark-mode .attendance-recap-kpi-grid .kpi-val-orange,body.dark-mode .attendance-recap-kpi-grid .kpi-icon-orange,[data-theme=dark] .attendance-recap-kpi-grid .kpi-val-orange,[data-theme=dark] .attendance-recap-kpi-grid .kpi-icon-orange,.dark .attendance-recap-kpi-grid .kpi-val-orange,.dark .attendance-recap-kpi-grid .kpi-icon-orange,body.dark-mode .attendance-daily-kpi-grid .kpi-val-orange,body.dark-mode .attendance-daily-kpi-grid .kpi-icon-orange,[data-theme=dark] .attendance-daily-kpi-grid .kpi-val-orange,[data-theme=dark] .attendance-daily-kpi-grid .kpi-icon-orange,.dark .attendance-daily-kpi-grid .kpi-val-orange,.dark .attendance-daily-kpi-grid .kpi-icon-orange{color:#f59e0b!important}body.dark-mode .att-card-badge-hadir,[data-theme=dark] .att-card-badge-hadir,.dark .att-card-badge-hadir{background:#22c55e26!important;color:#4ade80!important}body.dark-mode .attendance-status-badge.badge-ontime,[data-theme=dark] .attendance-status-badge.badge-ontime,.dark .attendance-status-badge.badge-ontime{background:#22c55e2e!important;color:#4ade80!important}body.dark-mode .attendance-status-badge.badge-late,[data-theme=dark] .attendance-status-badge.badge-late,.dark .attendance-status-badge.badge-late,body.dark-mode .attendance-status-badge.badge-alpha,[data-theme=dark] .attendance-status-badge.badge-alpha,.dark .attendance-status-badge.badge-alpha{background:#ef44442e!important;color:#f87171!important}body.dark-mode .attendance-status-badge.badge-pending,[data-theme=dark] .attendance-status-badge.badge-pending,.dark .attendance-status-badge.badge-pending{background:#f59e0b2e!important;color:#fbbf24!important}body.dark-mode .text-green,[data-theme=dark] .text-green,.dark .text-green{color:#22c55e!important}body.dark-mode .text-red,[data-theme=dark] .text-red,.dark .text-red{color:#ef4444!important}.attendance-detail-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;width:100%;box-sizing:border-box}@media(max-width:640px){.attendance-detail-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}}body.dark-mode .attendance-daily-status-dropdown,[data-theme=dark] .attendance-daily-status-dropdown,.dark .attendance-daily-status-dropdown{background-color:var(--surface-2)!important;color:var(--text-main)!important;border-color:var(--border)!important}body.dark-mode .attendance-daily-filter-mobile,[data-theme=dark] .attendance-daily-filter-mobile,.dark .attendance-daily-filter-mobile{background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .attendance-approval-status-dropdown,[data-theme=dark] .attendance-approval-status-dropdown,.dark .attendance-approval-status-dropdown{background-color:var(--surface-2)!important;color:var(--text-main)!important;border-color:var(--border)!important}body.dark-mode .attendance-approval-card,[data-theme=dark] .attendance-approval-card,.dark .attendance-approval-card{background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .approval-card-metrics-grid,[data-theme=dark] .approval-card-metrics-grid,.dark .approval-card-metrics-grid{background:var(--surface-2)!important}body.dark-mode .approval-status-badge.badge-pending,[data-theme=dark] .approval-status-badge.badge-pending,.dark .approval-status-badge.badge-pending{background:#f59e0b2e!important;color:#fbbf24!important}body.dark-mode .approval-status-badge.badge-approved,[data-theme=dark] .approval-status-badge.badge-approved,.dark .approval-status-badge.badge-approved{background:#22c55e2e!important;color:#4ade80!important}body.dark-mode .approval-status-badge.badge-rejected,[data-theme=dark] .approval-status-badge.badge-rejected,.dark .approval-status-badge.badge-rejected{background:#ef44442e!important;color:#f87171!important}body.dark-mode .kpi-val-red,[data-theme=dark] .kpi-val-red,.dark .kpi-val-red,body.dark-mode .kpi-icon-red,[data-theme=dark] .kpi-icon-red,.dark .kpi-icon-red{color:#ef4444!important}body.dark-mode .schedule-period-filter-card,[data-theme=dark] .schedule-period-filter-card,.dark .schedule-period-filter-card,body.dark-mode .schedule-mobile-date-filter-box,[data-theme=dark] .schedule-mobile-date-filter-box,.dark .schedule-mobile-date-filter-box{background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .schedule-mobile-date-filter-select,[data-theme=dark] .schedule-mobile-date-filter-select,.dark .schedule-mobile-date-filter-select,body.dark-mode .schedule-select-month,[data-theme=dark] .schedule-select-month,.dark .schedule-select-month,body.dark-mode .schedule-select-year,[data-theme=dark] .schedule-select-year,.dark .schedule-select-year{background-color:var(--surface-2)!important;color:var(--text-main)!important;border-color:var(--border)!important}body.dark-mode .schedule-mobile-card,[data-theme=dark] .schedule-mobile-card,.dark .schedule-mobile-card{background:var(--surface)!important;border-color:var(--border)!important}body.dark-mode .schedule-cutoff-badge,[data-theme=dark] .schedule-cutoff-badge,.dark .schedule-cutoff-badge{background:#2563eb29!important;color:#60a5fa!important;border-color:#2563eb4d!important}body.dark-mode .schedule-view-switcher,[data-theme=dark] .schedule-view-switcher,.dark .schedule-view-switcher{background:var(--surface-2)!important;border-color:var(--border)!important}body.dark-mode .schedule-view-switcher .btn-switcher,[data-theme=dark] .schedule-view-switcher .btn-switcher,.dark .schedule-view-switcher .btn-switcher{color:var(--text-muted)}body.dark-mode .schedule-view-switcher .btn-switcher.active,[data-theme=dark] .schedule-view-switcher .btn-switcher.active,.dark .schedule-view-switcher .btn-switcher.active{background:var(--primary, #D2462D)!important;color:#fff!important}.review-voucher-filter-bar{background:var(--surface);padding:12px 14px;border-radius:14px;border:1px solid var(--border);margin-bottom:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;width:100%;box-sizing:border-box}@media(min-width:641px){.review-voucher-filter-row-1,.review-voucher-filter-row-2{display:contents}.review-voucher-search-box{flex:1;min-width:220px;height:36px;order:1}.review-voucher-status-select{order:2;height:36px;min-width:130px}.review-voucher-outlet-select{order:3;height:36px;min-width:140px}.review-voucher-refresh-btn{order:4;width:36px;height:36px;padding:0;flex-shrink:0;border-radius:8px}}@media(max-width:640px){.review-voucher-filter-bar{padding:10px 12px;display:flex;flex-direction:column;gap:8px;width:100%;box-sizing:border-box}.review-voucher-filter-row-1{display:flex;align-items:center;gap:8px;width:100%;box-sizing:border-box}.review-voucher-search-box{flex:1;min-width:0;height:36px;box-sizing:border-box}.review-voucher-refresh-btn{width:36px;height:36px;min-width:36px;padding:0;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.review-voucher-filter-row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;box-sizing:border-box}.review-voucher-status-select,.review-voucher-outlet-select{width:100%;min-width:0;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-main);font-size:.8rem;font-weight:600;padding:0 8px;box-sizing:border-box;text-overflow:ellipsis}}.review-voucher-modal-panel{width:100%;box-sizing:border-box}.review-voucher-code-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.review-voucher-code-header{font-size:.72rem;color:var(--text-muted);font-weight:700;display:flex;align-items:center;gap:4px;letter-spacing:.5px;text-transform:uppercase}.review-voucher-code-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.review-voucher-code-val{font-size:1.18rem;font-weight:800;color:var(--primary);letter-spacing:1px}.review-voucher-regenerate-btn{padding:4px 10px;font-size:.75rem;font-weight:700;border-radius:6px;flex-shrink:0}.review-voucher-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;box-sizing:border-box}.review-voucher-modal-footer-inner{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%;box-sizing:border-box}@media(max-width:640px){.erp-modal-panel.review-voucher-modal-panel{max-height:calc(100dvh - 24px);height:auto;display:flex;flex-direction:column;margin:auto 8px;width:calc(100% - 16px);border-radius:14px;overflow:hidden}.erp-modal-panel.review-voucher-modal-panel .erp-modal-header{padding:10px 14px;flex-shrink:0;gap:8px}.erp-modal-panel.review-voucher-modal-panel .erp-modal-title{font-size:.92rem;font-weight:800;line-height:1.25}.erp-modal-panel.review-voucher-modal-panel .erp-modal-subtitle{font-size:.7rem;line-height:1.25;margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.erp-modal-panel.review-voucher-modal-panel .erp-modal-icon{width:28px;height:28px;border-radius:8px}.erp-modal-panel.review-voucher-modal-panel .erp-modal-body.review-voucher-modal-body{flex:1;min-height:0;overflow-y:auto;padding:12px 14px 20px;-webkit-overflow-scrolling:touch;box-sizing:border-box}.review-voucher-field-pair{display:flex;flex-direction:column;gap:10px;width:100%}.review-voucher-field-pair input,.review-voucher-field-pair select,.review-voucher-field-pair .form-control,.review-voucher-field-pair .form-select{width:100%;max-width:100%;box-sizing:border-box;min-width:0;font-size:.85rem}.erp-modal-panel.review-voucher-modal-panel .erp-modal-footer.review-voucher-modal-footer{padding:10px 14px;flex-shrink:0;position:sticky;bottom:0;background:var(--surface-2);border-top:1px solid var(--border);z-index:10}.review-voucher-modal-footer-inner{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%}.review-voucher-btn-cancel{flex:0 0 auto;min-width:70px;height:38px;padding:0 12px}.review-voucher-btn-submit{flex:1;min-width:0;height:38px;padding:0 12px;font-size:.82rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.km-pickup-container{max-width:1080px;margin:0 auto;padding:24px 16px;box-sizing:border-box}.km-pickup-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.km-pickup-header-left{display:flex;align-items:center;gap:12px;min-width:0}.km-pickup-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.km-pickup-back-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:8px;border-radius:8px;transition:all .15s ease;flex-shrink:0}.km-pickup-back-btn:hover{background:var(--surface-2);color:var(--text-main)}.km-pickup-title{font-size:1.35rem;font-weight:800;margin:0;color:var(--text-main);line-height:1.25}.km-pickup-subtitle{font-size:.84rem;color:var(--text-muted);margin:2px 0 0;line-height:1.35}.km-pickup-gate-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text-main);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .15s ease}.km-pickup-gate-btn:hover{background:var(--surface-2);border-color:var(--primary)}.km-pickup-owner-badge{display:inline-flex;align-items:center;gap:6px;background:#d2462d1f;color:var(--primary);border:1px solid rgba(210,70,45,.25);padding:6px 12px;border-radius:6px;font-weight:800;font-size:.78rem;letter-spacing:.3px;flex-shrink:0}.km-pickup-tabs-desktop{display:flex;gap:8px;border-bottom:2px solid var(--border);margin-bottom:20px}.km-pickup-tab-btn{padding:10px 18px;background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-weight:700;font-size:.88rem;cursor:pointer;display:flex;align-items:center;gap:8px;margin-bottom:-2px;transition:all .15s ease}.km-pickup-tab-btn:hover{color:var(--text-main)}.km-pickup-tab-btn.active{border-bottom-color:var(--primary);color:var(--primary);font-weight:800}.km-pickup-nav-mobile{display:none}.km-pickup-nav-trigger{width:100%;min-height:48px;padding:10px 14px;background:var(--surface);border:1.5px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;color:var(--text-main);font-weight:700;font-size:.88rem;box-shadow:0 1px 3px #0000000d;transition:border-color .15s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.km-pickup-nav-trigger:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.km-pickup-nav-trigger-left{display:flex;align-items:center;gap:10px;min-width:0}.km-pickup-nav-icon-badge{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#d2462d1f;color:var(--primary)}.km-pickup-nav-dropdown-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px #00000029;z-index:100;overflow:hidden;padding:6px;animation:kmFadeIn .15s ease}.km-pickup-nav-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;border-radius:8px;background:transparent;border:none;cursor:pointer;color:var(--text-main);font-size:.85rem;font-weight:600;transition:all .12s ease;text-align:left}.km-pickup-nav-item:hover{background:var(--surface-2)}.km-pickup-nav-item.active{background:#d2462d1a;color:var(--primary);font-weight:800}.km-status-badge{font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;transition:all .15s ease;-webkit-user-select:none;user-select:none}.km-status-badge.active{background:#22c55e1f;color:#15803d;border-color:#22c55e40}.km-status-badge.inactive{background:var(--surface-2);color:var(--text-muted);border-color:var(--border)}.km-pickup-feedback{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:10px;font-size:.86rem;font-weight:600;border:1px solid transparent}.km-pickup-feedback.success{background:#22c55e1f;color:#15803d;border-color:#22c55e40}.km-pickup-feedback.error{background:#ef44441f;color:#dc2626;border-color:#ef444440}.km-pickup-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px}.km-pickup-modal-panel{background:var(--surface);border-radius:14px;max-width:520px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 12px 36px #00000040;border:1px solid var(--border);overflow:hidden;animation:kmFadeIn .2s ease}.km-pickup-modal-header{padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.km-pickup-modal-header h2{font-size:1.15rem;font-weight:800;margin:0;color:var(--text-main)}.km-pickup-modal-body{flex:1;overflow-y:auto;padding:18px 20px;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:14px}.km-pickup-modal-footer{padding:14px 20px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;justify-content:flex-end;gap:10px;flex-shrink:0}.km-ojol-main-card{max-width:820px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;box-shadow:0 1px 4px #0000000a;margin-bottom:16px}.km-ojol-main-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:10px}.km-ojol-header-info{flex:1 1 280px;min-width:0}.km-ojol-main-title{font-size:1.2rem;font-weight:800;margin:0;display:flex;align-items:center;gap:8px;color:var(--text-main)}.km-ojol-main-subtitle{font-size:.84rem;color:var(--text-muted);margin:4px 0 0}.km-ojol-status-badge{flex-shrink:0}.km-ojol-group-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px;box-shadow:0 1px 3px #0000000a}.km-ojol-group-card.activation{padding:14px 18px}.km-ojol-group-header{display:flex;align-items:center;gap:10px;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--border)}.km-ojol-group-badge{font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:6px;background:#d2462d1f;color:var(--primary);letter-spacing:.5px}.km-ojol-group-title{font-size:.95rem;font-weight:800;color:var(--text-main);margin:0}.km-ojol-grid-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.km-ojol-grid-tarif{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}.km-ojol-grid-courier{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.km-ojol-grid-routing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.km-ojol-routing-full{grid-column:1 / -1}.km-ojol-field-item{display:flex;flex-direction:column}.km-ojol-field-label{font-size:.82rem;font-weight:700;color:var(--text-main);display:block;margin-bottom:6px}.km-ojol-field-label.buffer{color:var(--primary, #D2462D);font-weight:800}.km-ojol-field-req{color:var(--error, #DC2626)}.km-ojol-help-text{font-size:.74rem;color:var(--text-muted);margin-top:4px;display:block;line-height:1.35}.km-ojol-input-affix-group{display:flex;align-items:center;width:100%}.km-ojol-input{width:100%;padding:9px 12px;border-radius:8px;border:1px solid var(--border);font-size:.9rem;background:var(--surface-2);color:var(--text-main);box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.km-ojol-input:focus{outline:none;border-color:var(--primary, #D2462D);box-shadow:0 0 0 2px #d2462d26}.km-ojol-input-affix-left{border-top-right-radius:0;border-bottom-right-radius:0}.km-ojol-input-affix-right{border-top-left-radius:0;border-bottom-left-radius:0}.km-ojol-affix{padding:9px 12px;background:var(--surface-2);border:1px solid var(--border);font-size:.84rem;font-weight:700;color:var(--text-muted);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.km-ojol-affix.left{border-right:none;border-radius:8px 0 0 8px}.km-ojol-affix.right{border-left:none;border-radius:0 8px 8px 0}.km-ojol-affix.buffer{background:#d2462d1f;border:1.5px solid var(--primary, #D2462D);border-right:none;color:var(--primary, #D2462D);font-weight:800}.km-ojol-input.buffer{border:1.5px solid var(--primary, #D2462D);color:var(--primary, #D2462D);font-weight:700}.km-ojol-activation-label{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:.86rem;font-weight:700;color:var(--text-main);-webkit-user-select:none;user-select:none}.km-ojol-sim-box{background:linear-gradient(135deg,#0284c70d,#d2462d0d);padding:14px 16px;border-radius:10px;border:1px solid rgba(2,132,199,.2)}.km-ojol-sim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.km-ojol-sim-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;background:var(--surface);padding:14px 16px;border-radius:8px;border:1px solid var(--border)}.km-ojol-sim-col{display:flex;flex-direction:column}.km-ojol-sim-col.highlight{border-left:2px solid var(--border);padding-left:12px}.km-ojol-submit-wrap{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.km-ojol-submit-btn{padding:10px 24px;border-radius:8px;border:none;background:var(--primary, #D2462D);color:#fff;font-weight:800;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 6px #d2462d40;transition:opacity .15s ease,transform .1s ease}.km-day-chip{font-size:.7rem;font-weight:700;padding:3px 7px;border-radius:4px;transition:all .15s ease;border:1px solid transparent}.km-day-chip.active{background:#d2462d1f;color:var(--primary);border-color:#d2462d40;font-weight:800}.km-day-chip.inactive{background:var(--surface-2);color:var(--text-muted);border-color:var(--border);opacity:.65}.km-menu-ctrl-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px;margin-bottom:16px;box-sizing:border-box}.km-menu-ctrl-location{margin-bottom:12px}.km-menu-ctrl-label{font-size:.82rem;font-weight:700;color:var(--text-muted);display:block;margin-bottom:4px}.km-menu-ctrl-location-select{width:100%;max-width:360px;padding:9px 14px;border-radius:8px;border:1.5px solid var(--primary);font-size:.92rem;font-weight:700;background:var(--surface-2);color:var(--text-main);box-sizing:border-box}.km-menu-ctrl-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}.km-menu-btn-group{display:inline-flex;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.km-menu-btn{padding:8px 12px;background:var(--surface-2);border:none;font-size:.78rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.km-menu-btn:hover{background:var(--surface)}.km-menu-btn-variant-open,.km-menu-btn-batch-check{border-right:1px solid var(--border)}.km-menu-btn-batch-check{color:#15803d}.km-menu-btn-batch-clear{color:#dc2626}.km-menu-ctrl-save-btn{padding:9px 18px;border-radius:8px;border:none;background:#15803d;color:#fff;font-weight:800;font-size:.84rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 6px #15803d40;position:relative;overflow:visible;transition:filter .15s ease,opacity .15s ease}.km-menu-ctrl-save-btn:hover:not(:disabled){filter:brightness(1.08)}.km-menu-ctrl-save-btn:disabled{opacity:.65;cursor:not-allowed}.km-menu-unsaved-badge{position:absolute;top:-4px;right:-4px;width:11px;height:11px;border-radius:50%;background:#f59e0b;border:2px solid var(--surface);box-shadow:0 0 0 1px #0000001f}.km-menu-ctrl-search-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.km-menu-ctrl-search-wrap{flex:1;min-width:220px;position:relative}.km-menu-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.km-menu-search-input{width:100%;padding:8px 12px 8px 34px;border-radius:8px;border:1px solid var(--border);font-size:.86rem;background:var(--surface-2);color:var(--text-main);box-sizing:border-box}.km-menu-filter-cat-select{padding:8px 14px;border-radius:8px;border:1px solid var(--border);font-size:.86rem;background:var(--surface-2);color:var(--text-main);font-weight:600;min-width:160px;box-sizing:border-box}.km-menu-card{border-radius:12px;border:1.5px solid var(--border);background:var(--surface);overflow:hidden;box-shadow:none;transition:all .15s ease}.km-menu-card.available{border-color:#15803d;box-shadow:0 1px 4px #15803d14}.km-menu-card-header{padding:12px 16px;background:var(--surface);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.km-menu-card.available .km-menu-card-header{background:#22c55e0d}.km-menu-card-main-info{display:flex;align-items:center;gap:10px;flex:1;min-width:240px}.km-menu-card-expand-icon-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--text-main);transition:all .15s}.km-menu-card-expand-spacer{width:28px}.km-menu-card-name-cat-wrap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.km-menu-card-prod-name{font-weight:800;font-size:.95rem;color:var(--text-main)}.km-menu-card.available .km-menu-card-prod-name{color:#15803d}.km-menu-card-cat-badge{font-size:.7rem;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-muted);font-weight:600}.km-menu-card-var-badge{font-size:.72rem;padding:2px 8px;border-radius:12px;font-weight:700;background:var(--surface-2);color:var(--text-muted)}.km-menu-card-var-badge.active{background:#15803d1f;color:#15803d}.km-menu-var-badge-desktop{display:inline-flex}.km-menu-var-badge-mobile{display:none}.km-menu-card-sub-info{display:flex;align-items:center;gap:12px}.km-menu-card-expand-text-btn{background:none;border:none;color:var(--primary);font-size:.78rem;font-weight:700;cursor:pointer;padding:4px 6px}.km-menu-card-status-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;padding:6px 10px;border-radius:8px;background:var(--surface-2);-webkit-user-select:none;user-select:none;font-size:.82rem;font-weight:700;color:var(--text-muted)}.km-menu-card-status-toggle.active{background:#22c55e1a;color:#15803d}.km-menu-card-status-checkbox{width:18px;height:18px;accent-color:#15803D;cursor:pointer}.km-menu-variant-panel{padding:12px 18px 16px 52px;background:var(--surface-2);border-top:1px solid var(--border)}.km-menu-variant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.km-menu-variant-title{font-size:.76rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.km-menu-variant-actions{display:flex;gap:8px;align-items:center}.km-menu-variant-btn-select-all{background:none;border:none;color:#15803d;font-size:.76rem;font-weight:700;cursor:pointer;padding:2px 4px}.km-menu-variant-actions-sep{color:var(--border)}.km-menu-variant-btn-clear-all{background:none;border:none;color:#b91c1c;font-size:.76rem;font-weight:700;cursor:pointer;padding:2px 4px}.km-menu-variant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}.km-menu-variant-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;background:#00000005;border:1.5px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.km-menu-variant-item.active{background:var(--surface);border-color:#86efac}.km-menu-variant-item-left{display:flex;align-items:center;gap:8px}.km-menu-variant-item-checkbox{width:16px;height:16px;accent-color:#15803D;cursor:pointer}.km-menu-variant-item-name{font-size:.85rem;font-weight:500;color:var(--text-muted)}.km-menu-variant-item.active .km-menu-variant-item-name{font-weight:700;color:var(--text-main)}.km-menu-variant-item-price{font-size:.8rem;font-weight:700;color:var(--text-muted)}.km-menu-variant-item.active .km-menu-variant-item-price{color:#15803d}@media(max-width:768px){.km-pickup-container{padding:14px 12px}.km-pickup-header{flex-direction:column;align-items:stretch;gap:10px;margin-bottom:14px}.km-pickup-header-left{align-items:flex-start}.km-pickup-title{font-size:1.2rem}.km-pickup-subtitle{font-size:.78rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.km-pickup-header-actions{width:100%;justify-content:space-between}.km-pickup-gate-btn{flex:1;justify-content:center;padding:8px 10px;min-height:40px}.km-pickup-owner-badge{padding:8px 12px;min-height:40px;justify-content:center}.km-pickup-tabs-desktop{display:none!important}.km-pickup-nav-mobile{display:block!important;position:relative;width:100%;margin-bottom:14px}.km-pickup-locations-grid,.km-pickup-schedules-grid{display:flex!important;flex-direction:column!important;gap:12px!important}.km-menu-ctrl-panel{display:flex!important;flex-direction:column!important;gap:8px!important;padding:10px 12px!important;margin-bottom:10px!important;border-radius:10px!important}.km-menu-ctrl-location{margin-bottom:0!important;width:100%!important}.km-menu-ctrl-label{font-size:.72rem!important;margin-bottom:3px!important;letter-spacing:.3px}.km-menu-ctrl-location-select{width:100%!important;max-width:100%!important;height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:.9rem!important;border-radius:8px!important;box-sizing:border-box!important}.km-menu-ctrl-actions{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:0!important;width:100%!important}.km-menu-btn-group-variant,.km-menu-btn-group-batch{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;box-sizing:border-box!important;border-radius:8px!important}.km-menu-btn{height:40px!important;min-height:40px!important;padding:0 8px!important;font-size:.85rem!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;box-sizing:border-box!important}.km-menu-ctrl-save-btn{width:100%!important;height:42px!important;min-height:42px!important;padding:0 14px!important;font-size:.88rem!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;box-sizing:border-box!important;border-radius:8px!important}.km-menu-ctrl-search-row{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.km-menu-ctrl-search-wrap{width:100%!important;flex:none!important;min-width:0!important;position:relative!important}.km-menu-search-input{width:100%!important;height:42px!important;min-height:42px!important;padding:0 12px 0 34px!important;font-size:.9rem!important;border-radius:8px!important;box-sizing:border-box!important}.km-menu-filter-cat-select{width:100%!important;height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:.9rem!important;border-radius:8px!important;box-sizing:border-box!important;min-width:0!important}.km-menu-card{border-radius:10px!important}.km-menu-card-header{flex-direction:column!important;align-items:stretch!important;padding:8px 10px!important;gap:8px!important}.km-menu-card-main-info{width:100%!important;min-width:0!important;gap:8px!important}.km-menu-card-expand-icon-btn{width:30px!important;height:30px!important;min-width:30px!important;padding:0!important}.km-menu-card-expand-spacer{width:0!important;display:none!important}.km-menu-card-name-cat-wrap{gap:6px!important;flex:1!important;min-width:0!important}.km-menu-card-prod-name{font-size:.92rem!important;font-weight:800!important;line-height:1.25!important}.km-menu-card-cat-badge{font-size:.68rem!important;padding:2px 6px!important;border-radius:4px!important;white-space:nowrap!important}.km-menu-var-badge-desktop{display:none!important}.km-menu-var-badge-mobile{display:inline-flex!important}.km-menu-card-sub-info{width:100%!important;justify-content:space-between!important;gap:6px!important;flex-wrap:wrap!important}.km-menu-card-var-badge{font-size:.7rem!important;padding:3px 7px!important;border-radius:10px!important;white-space:nowrap!important}.km-menu-card-expand-text-btn{font-size:.74rem!important;padding:4px 6px!important;white-space:nowrap!important}.km-menu-card-status-toggle{font-size:.78rem!important;padding:4px 8px!important;border-radius:6px!important;white-space:nowrap!important;margin-left:auto!important}.km-menu-card-status-checkbox{width:16px!important;height:16px!important}.km-menu-variant-panel{padding:10px!important;border-top:1px solid var(--border)!important}.km-menu-variant-header{margin-bottom:8px!important;gap:6px!important}.km-menu-variant-title{font-size:.72rem!important}.km-menu-variant-actions{gap:6px!important}.km-menu-variant-btn-select-all,.km-menu-variant-btn-clear-all{font-size:.74rem!important;padding:3px 6px!important}.km-menu-variant-grid{display:flex!important;flex-direction:column!important;gap:6px!important;width:100%!important}.km-menu-variant-item{min-height:44px!important;height:44px!important;padding:0 10px!important;border-radius:8px!important;box-sizing:border-box!important;gap:8px!important}.km-menu-variant-item-left{flex:1!important;min-width:0!important;gap:8px!important}.km-menu-variant-item-checkbox{width:16px!important;height:16px!important;min-width:16px!important}.km-menu-variant-item-name{font-size:.84rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.km-menu-variant-item-price{font-size:.82rem!important;white-space:nowrap!important;text-align:right!important;margin-left:6px!important}.km-ojol-main-card{padding:12px!important;margin-bottom:12px!important;border-radius:10px!important}.km-ojol-main-header{margin-bottom:10px!important;gap:8px!important}.km-ojol-main-title{font-size:1.02rem!important;gap:6px!important}.km-ojol-main-title svg{width:18px!important;height:18px!important}.km-ojol-main-subtitle{font-size:.76rem!important;line-height:1.35!important;margin-top:3px!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.km-ojol-status-badge{font-size:.72rem!important;padding:3px 8px!important}.km-ojol-group-card{padding:12px!important;margin-bottom:10px!important;border-radius:10px!important}.km-ojol-group-card.activation{padding:10px 12px!important}.km-ojol-group-header{margin-bottom:10px!important;padding-bottom:6px!important;gap:8px!important}.km-ojol-group-badge{font-size:.68rem!important;padding:2px 6px!important}.km-ojol-group-title{font-size:.88rem!important}.km-ojol-grid-fields,.km-ojol-grid-tarif,.km-ojol-grid-courier,.km-ojol-grid-routing{display:flex!important;flex-direction:column!important;gap:10px!important}.km-ojol-field-item{gap:0!important}.km-ojol-field-label{font-size:.8rem!important;margin-bottom:6px!important}.km-ojol-help-text{font-size:.72rem!important;margin-top:3px!important;line-height:1.3!important}.km-ojol-input{min-height:44px!important;font-size:.88rem!important;padding:8px 12px!important;box-sizing:border-box!important}.km-ojol-affix{min-height:44px!important;padding:0 12px!important;font-size:.82rem!important;box-sizing:border-box!important}.km-ojol-routing-full input{word-break:break-all!important}.km-ojol-activation-label{font-size:.82rem!important;gap:8px!important}.km-ojol-sim-box{padding:10px 12px!important;border-radius:8px!important}.km-ojol-sim-header{margin-bottom:8px!important;gap:6px!important}.km-ojol-sim-header span{font-size:.78rem!important}.km-ojol-sim-header input{min-height:36px!important;font-size:.82rem!important;padding:4px 6px!important}.km-ojol-sim-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:10px 12px!important}.km-ojol-sim-col{padding:2px 0!important}.km-ojol-sim-col span{font-size:.7rem!important;margin-bottom:1px!important}.km-ojol-sim-col strong{font-size:.86rem!important;word-break:break-word!important}.km-ojol-sim-col.highlight{grid-column:1 / -1!important;border-left:none!important;border-top:1px solid var(--border)!important;padding-left:0!important;padding-top:6px!important;margin-top:2px!important}.km-ojol-sim-col.highlight strong{font-size:.98rem!important}.km-ojol-submit-wrap{margin-top:12px!important}.km-ojol-submit-btn{width:100%!important;min-height:46px!important;font-size:.88rem!important}.km-pickup-modal-panel{max-height:92vh;border-radius:12px}.km-pickup-modal-body{padding:14px;gap:12px}.km-pickup-modal-footer{padding:12px 14px}.km-modal-field-duo{display:flex!important;flex-direction:column!important;gap:10px!important}}[data-theme=dark] .km-status-badge.active,.dark .km-status-badge.active{background:#22c55e2e;color:#4ade80;border-color:#4ade8059}[data-theme=dark] .km-status-badge.inactive,.dark .km-status-badge.inactive{background:#94a3b826;color:#94a3b8;border-color:#94a3b840}[data-theme=dark] .km-pickup-feedback.success,.dark .km-pickup-feedback.success{background:#22c55e2e;color:#4ade80;border-color:#4ade8059}[data-theme=dark] .km-pickup-feedback.error,.dark .km-pickup-feedback.error{background:#ef44442e;color:#f87171;border-color:#f8717159}[data-theme=dark] .km-pickup-nav-trigger,.dark .km-pickup-nav-trigger{background:var(--surface);border-color:var(--border);color:var(--text-main)}[data-theme=dark] .km-pickup-nav-dropdown-menu,.dark .km-pickup-nav-dropdown-menu{background:var(--surface);border-color:var(--border);box-shadow:0 10px 25px #00000073}[data-theme=dark] .km-ojol-group-card,.dark .km-ojol-group-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .km-menu-btn-batch-check,.dark .km-menu-btn-batch-check{color:#4ade80}[data-theme=dark] .km-menu-btn-batch-clear,.dark .km-menu-btn-batch-clear{color:#f87171}[data-theme=dark] .km-menu-ctrl-save-btn,.dark .km-menu-ctrl-save-btn{background:#16a34a;box-shadow:0 2px 6px #16a34a59}[data-theme=dark] .km-menu-card.available,.dark .km-menu-card.available{border-color:#22c55e}[data-theme=dark] .km-menu-card.available .km-menu-card-header,.dark .km-menu-card.available .km-menu-card-header{background:#22c55e1a}[data-theme=dark] .km-menu-card.available .km-menu-card-prod-name,.dark .km-menu-card.available .km-menu-card-prod-name{color:#4ade80}[data-theme=dark] .km-menu-card-var-badge.active,.dark .km-menu-card-var-badge.active,[data-theme=dark] .km-menu-card-status-toggle.active,.dark .km-menu-card-status-toggle.active{background:#22c55e33;color:#4ade80}[data-theme=dark] .km-menu-variant-btn-select-all,.dark .km-menu-variant-btn-select-all{color:#4ade80}[data-theme=dark] .km-menu-variant-btn-clear-all,.dark .km-menu-variant-btn-clear-all{color:#f87171}[data-theme=dark] .km-menu-variant-item.active,.dark .km-menu-variant-item.active{background:var(--surface);border-color:#4ade8066}[data-theme=dark] .km-menu-variant-item.active .km-menu-variant-item-price,.dark .km-menu-variant-item.active .km-menu-variant-item-price{color:#4ade80}[data-theme=dark] .km-ojol-main-card,.dark .km-ojol-main-card{background:var(--surface);border-color:var(--border)}[data-theme=dark] .km-ojol-input,.dark .km-ojol-input{background:var(--surface-2);border-color:var(--border);color:var(--text-main)}[data-theme=dark] .km-ojol-affix,.dark .km-ojol-affix{background:var(--surface-2);border-color:var(--border);color:var(--text-muted)}[data-theme=dark] .km-ojol-sim-box,.dark .km-ojol-sim-box{background:#0284c714;border-color:#0284c740}[data-theme=dark] .km-ojol-sim-grid,.dark .km-ojol-sim-grid{background:var(--surface-2);border-color:var(--border)}.kol-desktop-subtabs-bar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.kol-desktop-actions-slot{display:flex!important;align-items:center!important;margin-left:auto!important;flex-shrink:0!important}.kol-mobile-top-bar,.kol-mobile-subtab-header,.kol-partner-header-action{display:none!important}.kol-desktop-table{display:block!important;width:100%!important;overflow-x:auto!important}.kol-mobile-card-list{display:none!important}.kol-partner-modal-panel{width:100%}.kol-partner-modal-body{display:flex;flex-direction:column;gap:14px}.kol-partner-modal-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kol-partner-modal-field,.kol-partner-type-section{display:flex;flex-direction:column;gap:6px;width:100%}.kol-partner-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kol-partner-type-option{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;box-sizing:border-box}.kol-partner-type-option.is-selected.kol{border-color:var(--primary)!important;background:#d2462d0f!important}.kol-partner-type-option.is-selected.affiliate{border-color:#2563eb!important;background:#2563eb0f!important}.kol-partner-type-title{font-weight:700;font-size:.84rem;color:var(--text-main)}.kol-partner-type-subtitle{font-size:.72rem;color:var(--text-muted)}.kol-partner-modal-footer{display:flex;justify-content:flex-end;gap:8px;width:100%}.kol-visit-voucher-modal-panel{width:100%}.kol-visit-voucher-modal-body{display:flex;flex-direction:column;gap:14px}.kol-visit-voucher-rule-box{background:#d2462d14;padding:10px 14px;border-radius:10px;font-size:.82rem;color:var(--text-main);line-height:1.4;border:1px solid rgba(210,70,45,.15)}.kol-visit-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kol-visit-form-row-product-qty{display:grid;grid-template-columns:2fr 1fr;gap:12px}.kol-visit-form-field{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.kol-visit-voucher-modal-footer{display:flex;justify-content:flex-end;gap:8px;width:100%}.kol-filter-container{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.kol-filter-row-1{display:flex;align-items:center;gap:8px;width:100%}.kol-search-input-wrapper{position:relative;display:flex;align-items:center;flex:1 1 auto;min-width:0;width:100%}.kol-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:2}.kol-search-input{width:100%!important;height:38px!important;padding-left:36px!important;padding-right:34px!important;font-size:.85rem!important;border-radius:10px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;box-sizing:border-box!important}.kol-clear-search-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:2}.kol-clear-search-btn:hover{color:var(--text-main);background:var(--surface-2)}.kol-refresh-btn{height:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;flex-shrink:0!important}.kol-filter-row-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.kol-filter-select{height:38px!important;font-size:.84rem!important;border-radius:10px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;padding:0 10px!important;width:100%!important;box-sizing:border-box!important}.kol-partner-compact-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:12px 14px!important;display:flex!important;flex-direction:column!important;gap:8px!important;box-shadow:0 1px 4px #00000008!important;box-sizing:border-box!important;width:100%!important}.kol-partner-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.kol-partner-type{font-size:.72rem!important;font-weight:800!important;text-transform:uppercase!important;padding:2px 7px!important;border-radius:5px!important;background:#d2462d1f!important;color:var(--primary)!important}.kol-partner-type.affiliate{background:#2563eb1f!important;color:#2563eb!important}.kol-partner-type.kol{background:#d2462d1f!important;color:var(--primary)!important}.kol-partner-status{font-size:.7rem!important;font-weight:700!important;padding:2px 7px!important;border-radius:5px!important}.kol-partner-status.status-active{background:#22c55e1f!important;color:#16a34a!important}.kol-partner-status.status-inactive{background:#64748b1f!important;color:var(--text-muted)!important}.kol-partner-card-body{display:flex!important;flex-direction:column!important;gap:3px!important}.kol-partner-name{font-size:.95rem!important;font-weight:700!important;color:var(--text-main)!important;line-height:1.3!important}.kol-partner-meta{font-size:.78rem!important;color:var(--primary)!important;font-weight:600!important;display:flex!important;align-items:center!important;gap:4px!important;flex-wrap:wrap!important;word-break:break-all!important}.kol-partner-phone{font-size:.76rem!important;font-family:monospace!important;color:var(--text-muted)!important;margin-top:2px!important}.kol-partner-card-actions{display:flex!important;gap:6px!important;align-items:center!important;margin-top:4px!important;width:100%!important}.kol-partner-card-actions button{height:34px!important;flex:1 1 0!important;font-size:.78rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;padding:0 8px!important;border-radius:8px!important;box-sizing:border-box!important;white-space:nowrap!important}.kol-partner-card-actions .kol-btn-wa{color:#16a34a!important;border-color:#22c55e4d!important}.kol-desktop-actions-col{display:flex!important;flex-direction:column!important;gap:5px!important;width:100%!important;max-width:250px!important;margin:0 auto!important}.kol-actions-grid-3{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:5px!important;width:100%!important}.kol-actions-grid-2{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:5px!important;width:100%!important}.kol-desktop-actions-col .kol-action-btn{height:30px!important;width:100%!important;min-width:0!important;padding:0 4px!important;font-size:.72rem!important;font-weight:600!important;border-radius:6px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;box-sizing:border-box!important;white-space:nowrap!important;line-height:1!important;cursor:pointer!important}.kol-desktop-actions-col .kol-action-btn span{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.kol-desktop-actions-col .kol-action-btn svg{flex-shrink:0!important}.kol-desktop-actions-col .kol-btn-send-wa{border-color:#2563eb66!important;color:#2563eb!important}.kol-desktop-actions-col .kol-btn-send-wa:hover{background:#2563eb1a!important}.kol-desktop-actions-col .kol-btn-complete{background:#10b98126!important;color:#059669!important;border-color:#10b9814d!important}.kol-desktop-actions-col .kol-btn-deactivate{color:var(--text-muted)!important}.kol-desktop-actions-col .kol-btn-deactivate:hover{color:#ef4444!important;border-color:#ef444466!important}.kol-desktop-actions-col .kol-btn-activate{color:#10b981!important;border-color:#10b9814d!important}.kol-partner-card-actions.kol-partner-card-actions-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:6px!important;width:100%!important}.kol-partner-card-actions.kol-partner-card-actions-grid button{width:100%!important;height:34px!important;flex:none!important}.kol-settings-audit-user{word-break:break-word;overflow-wrap:anywhere}.kol-info-banner{padding:12px 14px;border-radius:10px;background:var(--surface-2, rgba(255, 255, 255, .05));margin-bottom:12px}.kol-info-banner-title{font-size:.88rem;font-weight:600;margin-bottom:4px}.kol-info-banner-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4}.kol-fullwidth-control{width:100%;min-height:54px;height:54px;border-radius:12px;padding:0 14px;box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;gap:8px!important}.kol-control-input{flex:1!important;min-width:0!important;height:100%!important;background:transparent!important;border:none!important;outline:none!important;font-size:1rem!important;font-weight:700!important;color:var(--text-main)!important;padding:0!important}.kol-control-input.align-left{text-align:left!important}.kol-control-input.align-right{text-align:right!important}.kol-control-prefix,.kol-control-suffix{font-size:.88rem!important;font-weight:600!important;color:var(--text-muted)!important;flex-shrink:0!important}.kol-fullwidth-fields-list{display:flex!important;flex-direction:column!important;gap:12px!important}.kol-fullwidth-field{display:flex!important;flex-direction:column!important;gap:6px!important}.kol-fullwidth-label{font-size:.82rem!important;font-weight:600!important;color:var(--text-main)!important}.kol-settings-main-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:16px!important;margin-bottom:16px!important}.kol-settings-section-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:16px!important;margin-bottom:14px!important}.kol-settings-section-title-row{display:flex!important;align-items:center!important;gap:8px!important;margin-bottom:12px!important}.kol-settings-section-title{font-size:.9rem!important;font-weight:700!important;color:var(--text-main)!important;margin:0!important}.kol-settings-helper-box{background:var(--surface-2)!important;border-radius:10px!important;padding:10px 12px!important;font-size:.78rem!important;color:var(--text-muted)!important;line-height:1.4!important;margin-top:12px!important}.kol-settings-notice{background:#ea580c14!important;border:1px solid rgba(234,88,12,.25)!important;border-radius:10px!important;padding:10px 14px!important;font-size:.78rem!important;color:#ea580c!important;line-height:1.4!important;margin-bottom:16px!important}.kol-settings-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.kol-settings-header-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#ea580c1a;color:var(--primary);flex-shrink:0}.kol-settings-title{font-size:1.05rem;font-weight:700;color:var(--text-main);margin:0}.kol-settings-desc{font-size:.82rem;color:var(--text-muted);line-height:1.4;margin-top:3px;margin-bottom:0}.kol-settings-actions-row{display:flex;align-items:center;gap:12px;margin-top:6px}.kol-settings-save-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;min-height:42px;padding:0 24px;background:var(--primary);color:#fff!important;font-size:.88rem;font-weight:600;border:none;border-radius:10px;box-sizing:border-box;cursor:pointer;transition:opacity .2s,filter .2s}.kol-settings-save-btn:hover:not(:disabled){filter:brightness(1.06)}.kol-settings-save-btn:disabled{background:var(--text-muted)!important;color:#fff!important;cursor:not-allowed!important;opacity:.6!important}.kol-desktop-table{display:block}.kol-mobile-card-list{display:none}.kol-empty-card{padding:20px;text-align:center;color:var(--text-muted);font-size:.84rem;background:var(--surface);border:1px dashed var(--border);border-radius:12px}.kol-settings-audit-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;box-sizing:border-box}.kol-settings-audit-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.kol-settings-audit-time{font-size:.74rem;font-weight:600;color:var(--text-muted)}.kol-settings-audit-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px;border-bottom:1px dashed var(--border)}.kol-settings-audit-label{font-size:.72rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.kol-settings-audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.kol-settings-audit-col{display:flex;flex-direction:column;gap:4px;min-width:0}.kol-settings-audit-val-box{padding:8px 10px;border-radius:8px;font-size:.74rem;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-width:0;box-sizing:border-box}.kol-val-old{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted)}.kol-val-new{background:#ea580c14;border:1px solid rgba(234,88,12,.25);color:var(--primary);font-weight:600}.kol-perf-filter-container{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:12px!important}.kol-perf-filter-row{display:flex!important;gap:8px!important;align-items:center!important}.kol-perf-filter-select{flex:1!important;min-width:0!important;height:38px!important;min-height:38px!important;border-radius:10px!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;font-size:.85rem!important;font-weight:600!important;padding:0 10px!important;box-sizing:border-box!important}.kol-perf-filter-row .kol-refresh-btn{height:38px!important;min-height:38px!important;width:38px!important;min-width:38px!important;border-radius:10px!important;flex-shrink:0!important}.kol-perf-ratio-note{font-size:.74rem!important;color:var(--text-muted)!important;background:var(--surface-2)!important;padding:5px 12px!important;border-radius:8px!important;display:inline-block!important;width:fit-content!important}.kol-perf-summary-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:12px 14px!important;margin-bottom:10px!important}.kol-perf-summary-header{margin-bottom:8px!important}.kol-perf-summary-title-wrap{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}.kol-perf-summary-title{font-size:.86rem!important;font-weight:700!important;color:var(--text-main)!important}.kol-perf-summary-badge{font-size:.7rem!important;font-weight:700!important;padding:2px 7px!important;border-radius:6px!important;white-space:nowrap!important}.kol-perf-summary-subtext{font-size:.7rem!important;color:var(--text-muted)!important;line-height:1.35!important;margin-top:3px!important;display:block!important}.kol-perf-grid-2col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px 12px!important}.kol-perf-metric-item{display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0!important}.kol-perf-metric-label{font-size:.7rem!important;color:var(--text-muted)!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.kol-perf-metric-val{font-size:.98rem!important;font-weight:800!important;color:var(--text-main)!important;line-height:1.25!important}.kol-ledger-empty-card{text-align:center!important;padding:14px 16px!important;color:var(--text-muted)!important;background:var(--surface)!important;border-radius:12px!important;border:1px solid var(--border)!important;display:flex!important;flex-direction:column!important;gap:4px!important}.kol-ledger-empty-title{font-weight:600!important;color:var(--text-main)!important;font-size:.8rem!important}.kol-ledger-empty-note{font-size:.72rem!important;color:var(--text-muted)!important;line-height:1.35!important}.kol-affiliate-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kol-affiliate-form-field{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.kol-affiliate-form-field .form-label{display:block;margin-bottom:0;font-size:.82rem;font-weight:600;color:var(--text-main)}.kol-affiliate-modal-body{display:flex;flex-direction:column;gap:14px}.kol-affiliate-modal-footer{display:flex;justify-content:flex-end;gap:8px;width:100%}.kol-audience-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kol-audience-form-field{display:flex;flex-direction:column;gap:4px;min-width:0;width:100%}.kol-audience-form-field .form-label{display:block;margin-bottom:0;font-size:.82rem;font-weight:600;color:var(--text-main)}.kol-audience-modal-body{display:flex;flex-direction:column;gap:14px}.kol-audience-modal-footer{display:flex;justify-content:flex-end;gap:8px;width:100%}@media(max-width:640px){.kol-desktop-subtabs-bar{display:none!important}.kol-admin-container{gap:12px!important}.kol-subtab-content{gap:10px!important}.promo-mobile-category-wrap{margin-bottom:12px!important}.pos-page-wrapper .promo-mobile-category-wrap{margin-bottom:0!important}.kol-mobile-top-bar{display:flex!important;width:100%!important;margin-bottom:12px!important}.kol-mobile-submenu-wrapper{display:flex!important;flex-direction:column!important;width:100%!important;gap:4px!important}.kol-mobile-submenu-label{font-size:.72rem!important;font-weight:700!important;color:var(--text-muted)!important;letter-spacing:.5px!important;margin-bottom:0!important}.kol-mobile-submenu-select{width:100%!important;height:38px!important;min-height:38px!important;border-radius:10px!important;font-size:.86rem!important;font-weight:600!important;padding:0 12px!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text-main)!important;box-sizing:border-box!important}.kol-subtab-header-actions{display:flex!important;width:100%!important;flex:1 1 100%!important;flex-direction:row!important}.kol-subtab-header-actions .kol-primary-action-btn{flex:1;width:100%!important;max-width:100%!important;height:38px!important;min-height:38px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;font-size:.86rem!important;font-weight:600!important;padding:0 16px!important;box-sizing:border-box!important;gap:8px!important}.kol-mobile-subtab-header,.kol-partner-header-action{display:flex!important;width:100%!important;box-sizing:border-box!important;margin-bottom:12px!important}.kol-mobile-subtab-header .kol-primary-action-btn,.kol-partner-header-action .kol-primary-action-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:100%!important;flex:1 1 100%!important;height:38px!important;min-height:38px!important;border-radius:10px!important;font-size:.86rem!important;font-weight:600!important;padding:0 16px!important;box-sizing:border-box!important;text-align:center!important;gap:8px!important}.kol-filter-container{height:auto!important;min-height:0!important;gap:8px!important;margin-bottom:12px!important}.kol-filter-row-1{display:flex!important;flex-direction:row!important;align-items:center!important;flex:none!important;height:auto!important;gap:6px!important;width:100%!important}.kol-search-input-wrapper{position:relative!important;display:flex!important;align-items:center!important;flex:1 1 auto!important;min-width:0!important;width:100%!important}.kol-search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-muted)!important;pointer-events:none!important;z-index:2!important}.kol-filter-row-1 .kol-search-input{width:100%!important;height:38px!important;padding-left:36px!important;padding-right:34px!important;font-size:.85rem!important;box-sizing:border-box!important}.kol-filter-row-1 .kol-refresh-btn{height:38px!important;width:38px!important;min-width:38px!important;max-width:38px!important;flex-shrink:0!important}.kol-filter-row-2{display:grid!important;height:auto!important;gap:6px!important;grid-template-columns:1fr 1fr!important;width:100%!important}.kol-filter-row-2 .kol-filter-select{height:38px!important;width:100%!important;box-sizing:border-box!important}.kol-perf-filter-container{gap:6px!important;margin-bottom:10px!important}.kol-perf-filter-row{width:100%!important}.kol-perf-filter-select{height:38px!important;min-height:38px!important;font-size:.82rem!important}.kol-perf-filter-row .kol-refresh-btn{height:38px!important;min-height:38px!important;width:38px!important;min-width:38px!important;border-radius:10px!important}.kol-perf-ratio-note{width:100%!important;box-sizing:border-box!important;text-align:center!important;font-size:.72rem!important;padding:4px 8px!important}.kol-perf-summary-card{padding:10px 12px!important;margin-bottom:8px!important;border-radius:12px!important}.kol-perf-summary-header{margin-bottom:6px!important}.kol-perf-summary-title{font-size:.82rem!important}.kol-perf-summary-badge{font-size:.66rem!important;padding:2px 6px!important}.kol-perf-summary-subtext{font-size:.67rem!important;margin-top:2px!important;line-height:1.3!important}.kol-perf-grid-2col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px 8px!important}.kol-perf-metric-item{background:transparent!important;padding:0!important;min-width:0!important;gap:1px!important}.kol-perf-metric-item.col-span-2{grid-column:span 2!important}.kol-perf-metric-label{font-size:.67rem!important}.kol-perf-metric-val{font-size:.9rem!important;line-height:1.2!important}.kol-ledger-empty-card{padding:12px 10px!important}.kol-settings-main-card{padding:12px!important;border-radius:14px!important;margin-bottom:12px!important}.kol-settings-header{display:flex!important;align-items:flex-start!important;gap:10px!important;margin-bottom:10px!important}.kol-settings-header-icon{width:34px!important;height:34px!important;border-radius:8px!important}.kol-settings-title{font-size:.94rem!important;font-weight:700!important;margin:0!important}.kol-settings-desc{font-size:.74rem!important;line-height:1.35!important;margin-top:2px!important}.kol-settings-notice{padding:8px 10px!important;border-radius:8px!important;font-size:.74rem!important;line-height:1.35!important;margin-bottom:12px!important;gap:8px!important}.kol-settings-section-card{padding:12px!important;border-radius:12px!important;margin-bottom:12px!important}.kol-settings-section-title-row{gap:6px!important;margin-bottom:10px!important}.kol-settings-section-title{font-size:.84rem!important;font-weight:700!important;margin:0!important}.kol-fullwidth-fields-list{gap:10px!important}.kol-fullwidth-field{gap:4px!important}.kol-fullwidth-label{font-size:.78rem!important;font-weight:600!important}.kol-fullwidth-control{width:100%!important;min-height:54px!important;height:54px!important;border-radius:10px!important;padding:0 12px!important}.kol-control-input{font-size:.95rem!important}.kol-control-prefix,.kol-control-suffix{font-size:.82rem!important}.kol-settings-helper-box{padding:8px 10px!important;border-radius:8px!important;font-size:.74rem!important;line-height:1.35!important;margin-top:10px!important}.kol-settings-actions-row{width:100%!important;display:flex!important;flex-direction:column!important;gap:8px!important;margin-top:4px!important}.kol-settings-save-btn{width:100%!important;min-height:44px!important;height:44px!important;border-radius:10px!important;background:var(--primary)!important;color:#fff!important;font-size:.9rem!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;border:none!important;box-sizing:border-box!important}.kol-settings-save-btn:disabled{background:var(--text-muted)!important;opacity:.6!important}.kol-desktop-table{display:none!important}.kol-mobile-card-list{display:flex!important;flex-direction:column!important;gap:10px!important}.kol-empty-card{padding:16px!important;font-size:.8rem!important;border-radius:10px!important}.kol-settings-audit-card{padding:12px!important;border-radius:12px!important;gap:8px!important}.kol-settings-audit-header{margin-bottom:2px!important}.kol-settings-audit-time{font-size:.72rem!important}.kol-settings-audit-row{padding-bottom:6px!important}.kol-settings-audit-label{font-size:.7rem!important}.kol-settings-audit-user{font-size:.78rem!important;word-break:break-word!important;overflow-wrap:anywhere!important}.kol-settings-audit-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.kol-settings-audit-val-box{padding:8px!important;font-size:.72rem!important;line-height:1.4!important;border-radius:8px!important}}.kol-modal-responsive-footer{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important;box-sizing:border-box!important}.kol-modal-responsive-footer .kol-footer-actions-secondary,.kol-modal-responsive-footer .kol-footer-actions-primary{display:flex!important;gap:8px!important;width:100%!important;align-items:center!important;box-sizing:border-box!important}@media(min-width:641px){.kol-modal-responsive-footer{flex-direction:row!important;justify-content:space-between!important;align-items:center!important}.kol-modal-responsive-footer .kol-footer-actions-secondary,.kol-modal-responsive-footer .kol-footer-actions-primary{width:auto!important}}.kol-schedule-modal-panel,.kol-brief-modal-panel,.kol-affiliate-msg-panel{max-width:680px!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}@media(max-width:640px){.kol-schedule-modal-panel,.kol-brief-modal-panel,.kol-affiliate-msg-panel{max-width:calc(100vw - 16px)!important;margin:8px auto!important}}.kol-schedule-time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}@media(max-width:640px){.kol-schedule-time-grid{grid-template-columns:1fr;gap:8px}}.kol-schedule-custom-loc-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}@media(max-width:640px){.kol-schedule-custom-loc-grid{grid-template-columns:1fr}}.kol-benefit-item-card{padding:10px 12px;border-radius:8px;background:var(--surface);border:1px solid var(--border);box-sizing:border-box;width:100%}.kol-benefit-item-top{display:grid;grid-template-columns:minmax(140px,1fr) 75px 36px;gap:8px;align-items:flex-end}.kol-benefit-item-bottom{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;margin-top:8px}@media(max-width:640px){.kol-benefit-item-top{grid-template-columns:1fr 70px 36px}.kol-benefit-item-bottom{grid-template-columns:1fr;gap:6px}}.campaign-btn-label-long{display:inline!important}.campaign-btn-label-short{display:none!important}.campaign-subtab-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.campaign-subtab-buttons{display:flex;align-items:center;gap:10px}.campaign-subtab-btn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .2s;box-sizing:border-box}.campaign-subtab-btn.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text-main)}.campaign-subtab-btn.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.campaign-hierarchy-text{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;line-height:1.4;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:8px 14px;border-radius:20px;white-space:nowrap}.campaign-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.campaign-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;display:flex;align-items:center;gap:14px;box-sizing:border-box}.campaign-summary-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.campaign-summary-label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:2px}.campaign-summary-value{font-size:1.15rem;font-weight:800;color:var(--text-main);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.campaign-filter-bar{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:14px}.campaign-filter-row-1{display:flex;align-items:center;gap:8px;flex:1.2}.campaign-search-wrapper{position:relative;flex:1;display:flex;align-items:center}.campaign-search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.campaign-search-input{width:100%;height:48px!important;padding-left:38px!important;border-radius:10px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-main)!important;box-sizing:border-box!important}.campaign-refresh-btn{width:48px!important;height:48px!important;min-width:48px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.campaign-filter-row-2{display:flex;align-items:center;gap:10px;flex:1}.campaign-status-select{flex:1!important;height:48px!important;border-radius:10px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-main)!important;box-sizing:border-box!important}.campaign-create-btn{flex:1!important;height:48px!important;border-radius:10px!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;box-sizing:border-box!important}.campaign-info-box{padding:12px 14px;font-size:.82rem;border-radius:10px;margin-bottom:14px}.campaign-desktop-table{display:block!important}.campaign-mobile-cards{display:none!important}.campaign-empty-box{background:var(--surface);border:1px dashed var(--border);border-radius:14px;padding:32px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box}.campaign-empty-title{font-size:1rem;font-weight:700;color:var(--text-main);margin:0}.campaign-empty-desc{font-size:.82rem;color:var(--text-muted);max-width:340px;margin:0 auto;line-height:1.4}.campaign-form-row-2col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.campaign-form-row-code-name{display:grid;grid-template-columns:1fr 2fr;gap:12px}.campaign-form-inline-stack{display:flex;gap:8px}.bundle-btn-label-long{display:inline!important}.bundle-btn-label-short{display:none!important}.bundle-admin-container{display:flex;flex-direction:column;gap:16px;width:100%}.bundle-filter-bar{display:flex;align-items:center;gap:12px;width:100%}.bundle-filter-row-1{display:flex;align-items:center;gap:8px;flex:1.3}.bundle-search-wrapper{position:relative;flex:1;display:flex;align-items:center}.bundle-search-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.bundle-search-input{width:100%;height:44px!important;min-height:44px!important;padding-left:38px!important;border-radius:10px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-main)!important;font-size:.88rem!important;box-sizing:border-box!important}.bundle-refresh-btn{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;padding:0!important;background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text-main)!important}.bundle-filter-row-2{display:flex;align-items:center;flex:0 0 160px}.bundle-status-select{width:100%!important;height:44px!important;min-height:44px!important;border-radius:10px!important;border:1px solid var(--border)!important;background:var(--surface)!important;color:var(--text-main)!important;font-size:.88rem!important;font-weight:600!important;box-sizing:border-box!important}.bundle-filter-row-3{display:flex;align-items:center;flex:0 0 auto}.bundle-create-btn{height:44px!important;min-height:44px!important;border-radius:10px!important;font-weight:700!important;font-size:.88rem!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important;padding:0 16px!important;background:var(--primary, #D2462D)!important;border-color:var(--primary, #D2462D)!important;color:#fff!important;box-sizing:border-box!important}.bundle-info-banner{background:#d2462d14!important;border:1px solid rgba(210,70,45,.22)!important;padding:10px 14px!important;border-radius:10px!important;font-size:.8rem!important;line-height:1.45!important;color:var(--text-main)!important}.bundle-desktop-table{display:block!important}.bundle-mobile-cards{display:none!important}.bundle-components-desktop-table{display:block!important}.bundle-components-mobile-cards{display:none!important}.bundle-modal-form{display:flex;flex-direction:column;gap:14px}.bundle-modal-section{display:flex;flex-direction:column;gap:10px;padding:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.bundle-modal-section-header{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem;color:var(--text-main);border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px}.bundle-form-row-code-name{display:grid;grid-template-columns:1fr 1.6fr;gap:12px}.bundle-form-row-price-dates{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.bundle-builder-container{display:flex;gap:10px;align-items:center;margin-top:4px;margin-bottom:10px}.bundle-builder-select{flex:1;height:44px!important;min-height:44px!important;border-radius:10px!important}.bundle-builder-action-row{display:flex;align-items:center;gap:8px}.bundle-builder-qty-group{display:flex;align-items:center;gap:6px}.bundle-builder-qty-input{width:60px!important;height:44px!important;min-height:44px!important;border-radius:10px!important;text-align:center}.bundle-builder-add-btn{height:44px!important;min-height:44px!important;border-radius:10px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;padding:0 16px!important;font-weight:600!important;white-space:nowrap!important}.bundle-summary-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px}.bundle-summary-grid>div{display:flex;flex-direction:column;gap:3px;padding:8px;border-radius:8px;background:var(--surface);border:1px solid var(--border)}.bundle-summary-grid>div>span{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.bundle-modal-footer-actions{display:flex;justify-content:flex-end;gap:10px;width:100%}.compensation-admin-section{display:flex;flex-direction:column;gap:16px;width:100%}.compensation-header-block{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.compensation-title-group{display:flex;flex-direction:column;gap:4px}.compensation-heading{font-size:1.15rem;font-weight:800;color:var(--text-main);display:flex;align-items:center;gap:8px;margin:0}.compensation-subheading{font-size:.82rem;color:var(--text-muted);line-height:1.4}.compensation-action-group{display:flex;align-items:center;gap:8px}.compensation-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;min-height:44px;border-radius:12px;font-weight:700;font-size:.88rem;white-space:nowrap;border:none;cursor:pointer;background:var(--primary);color:#fff;transition:opacity .15s ease}.compensation-create-btn:hover{opacity:.92}.compensation-metrics-desktop{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;width:100%}.compensation-metric-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:0 1px 4px #00000005!important}.compensation-metric-icon-wrap{width:40px!important;height:40px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.compensation-metric-label{font-size:.78rem!important;color:var(--text-muted)!important;font-weight:600!important}.compensation-metric-value{font-size:1.3rem!important;font-weight:800!important;color:var(--text-main)!important;line-height:1.2!important;margin-top:2px!important}.compensation-metrics-mobile{display:none!important}.compensation-filter-toolbar{display:flex;flex-direction:row;align-items:center;gap:12px;width:100%}.compensation-filter-row-1{display:flex;align-items:center;gap:8px;flex:1}.compensation-search-wrapper{position:relative;flex:1;min-width:0}.compensation-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.compensation-search-input{width:100%;padding-left:36px!important;height:42px;border-radius:10px;font-size:.84rem}.compensation-refresh-btn{width:42px;height:42px;min-width:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;cursor:pointer;padding:0}.compensation-filter-row-2{display:flex;align-items:center;gap:8px}.compensation-type-select,.compensation-status-select{height:42px;border-radius:10px;font-size:.84rem;font-weight:600;min-width:160px}.compensation-empty-box{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:36px 16px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important}.compensation-empty-title{font-size:.95rem!important;font-weight:700!important;color:var(--text-main)!important}.compensation-empty-desc{font-size:.82rem!important;color:var(--text-muted)!important;max-width:340px!important;line-height:1.4!important}.erp-modal-panel.compensation-modal-panel{max-width:580px;width:100%;border-radius:16px;overflow:hidden}.erp-modal-panel.compensation-modal-panel .erp-modal-header{padding:18px 20px;border-bottom:1px solid var(--border)}.erp-modal-panel.compensation-modal-panel .erp-modal-body{padding:20px;max-height:calc(85vh - 120px);overflow-y:auto}.erp-modal-panel.compensation-modal-panel .erp-modal-footer{padding:14px 20px;border-top:1px solid var(--border);background:var(--surface)}.compensation-modal-form{display:flex;flex-direction:column;gap:14px}.compensation-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.compensation-form-row-product-qty{display:grid;grid-template-columns:2fr 1fr;gap:12px}.compensation-modal-footer-actions{display:flex;justify-content:space-between;align-items:center;width:100%;gap:12px}.compensation-modal-btn-cancel{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;min-height:42px;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;background:var(--surface-2);color:var(--text-main);border:1px solid var(--border);transition:all .15s ease}.compensation-modal-btn-cancel:hover{background:var(--border)}.compensation-modal-btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;min-height:42px;border-radius:10px;font-size:.88rem;font-weight:700;white-space:nowrap;cursor:pointer;background:var(--primary);color:#fff;border:none;transition:opacity .15s ease}.compensation-modal-btn-submit:hover{opacity:.92}.compensation-btn-label-long{display:inline!important}.compensation-btn-label-short{display:none!important}.manual-adjustment-admin-section{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important}.manual-adjustment-header-block{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:16px!important;width:100%!important}.manual-adjustment-title-group{display:flex!important;flex-direction:column!important;gap:4px!important}.manual-adjustment-heading{font-size:1.15rem!important;font-weight:800!important;color:var(--text-main)!important;display:flex!important;align-items:center!important;gap:8px!important;margin:0!important}.manual-adjustment-subheading{font-size:.82rem!important;color:var(--text-muted)!important;line-height:1.4!important}.manual-adjustment-action-group{display:flex!important;align-items:center!important;gap:8px!important}.manual-adjustment-create-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 18px!important;min-height:44px!important;height:44px!important;border-radius:12px!important;font-weight:700!important;font-size:.88rem!important;white-space:nowrap!important;border:none!important;cursor:pointer!important;background:var(--primary)!important;color:#fff!important;transition:opacity .15s ease!important;width:auto!important}.manual-adjustment-create-btn:hover{opacity:.92!important}.manual-adjustment-metrics-desktop{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;width:100%!important}.manual-adjustment-metric-card{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;display:flex!important;align-items:center!important;gap:12px!important;box-shadow:0 1px 4px #00000005!important}.manual-adjustment-metric-icon-wrap{width:40px!important;height:40px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.manual-adjustment-metric-label{font-size:.78rem!important;color:var(--text-muted)!important;font-weight:600!important}.manual-adjustment-metric-value{font-size:1.3rem!important;font-weight:800!important;color:var(--text-main)!important;line-height:1.2!important;margin-top:2px!important}.manual-adjustment-metrics-mobile{display:none!important}.manual-adjustment-filter-toolbar{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;width:100%!important}.manual-adjustment-filter-row-1{display:flex!important;align-items:center!important;gap:8px!important;flex:1!important}.manual-adjustment-search-wrapper{position:relative!important;flex:1!important;min-width:0!important}.manual-adjustment-search-icon{position:absolute!important;left:12px!important;top:50%!important;transform:translateY(-50%)!important;color:var(--text-muted)!important;pointer-events:none!important}.manual-adjustment-search-input{width:100%!important;padding-left:36px!important;height:42px!important;border-radius:10px!important;font-size:.84rem!important}.manual-adjustment-refresh-btn{width:42px!important;height:42px!important;min-width:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;cursor:pointer!important;padding:0!important}.manual-adjustment-filter-row-2{display:flex!important;align-items:center!important;gap:8px!important}.manual-adjustment-type-select,.manual-adjustment-status-select{height:42px!important;border-radius:10px!important;font-size:.84rem!important;font-weight:600!important;min-width:160px!important}.manual-adjustment-empty-box{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:16px!important;padding:36px 16px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important}.manual-adjustment-empty-title{font-size:.95rem!important;font-weight:700!important;color:var(--text-main)!important}.manual-adjustment-empty-desc{font-size:.82rem!important;color:var(--text-muted)!important;max-width:340px!important;line-height:1.4!important}.erp-modal-panel.manual-adjustment-modal-panel{max-width:580px!important;width:100%!important;border-radius:16px!important;overflow:hidden!important}.erp-modal-panel.manual-adjustment-modal-panel .erp-modal-header{padding:18px 20px!important;border-bottom:1px solid var(--border)!important}.erp-modal-panel.manual-adjustment-modal-panel .erp-modal-body{padding:20px!important;max-height:calc(85vh - 120px)!important;overflow-y:auto!important}.erp-modal-panel.manual-adjustment-modal-panel .erp-modal-footer{padding:14px 20px!important;border-top:1px solid var(--border)!important;background:var(--surface)!important}.manual-adjustment-modal-form{display:flex!important;flex-direction:column!important;gap:14px!important}.manual-adjustment-form-row-2col{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important}.manual-adjustment-modal-footer-actions{display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%!important;gap:12px!important}.manual-adjustment-modal-btn-cancel{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 18px!important;min-height:42px!important;border-radius:10px!important;font-size:.88rem!important;font-weight:600!important;cursor:pointer!important;background:var(--surface-2)!important;color:var(--text-main)!important;border:1px solid var(--border)!important;transition:all .15s ease!important}.manual-adjustment-modal-btn-cancel:hover{background:var(--border)!important}.manual-adjustment-modal-btn-submit{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:10px 22px!important;min-height:42px!important;border-radius:10px!important;font-size:.88rem!important;font-weight:700!important;white-space:nowrap!important;cursor:pointer!important;background:var(--primary)!important;color:#fff!important;border:none!important;transition:opacity .15s ease!important}.manual-adjustment-modal-btn-submit:hover{opacity:.92!important}.manual-adjustment-btn-label-long{display:inline!important}.manual-adjustment-btn-label-short{display:none!important}.campaign-card-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important;box-shadow:0 1px 4px #00000008!important}.campaign-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important}.campaign-card-code{font-family:monospace!important;font-size:.85rem!important;font-weight:700!important;color:var(--primary)!important}.campaign-card-name{font-size:.95rem!important;font-weight:700!important;color:var(--text-main)!important}.campaign-card-section{font-size:.8rem!important;color:var(--text-muted)!important}.campaign-card-actions{display:flex!important;gap:8px!important;margin-top:4px!important}.bundle-card-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:10px!important;box-shadow:0 1px 4px #00000008!important}.bundle-card-header{display:flex!important;align-items:center!important;justify-content:space-between!important}.bundle-card-code{font-family:monospace!important;font-size:.85rem!important;font-weight:700!important;color:var(--primary)!important}.bundle-card-name{font-size:.95rem!important;font-weight:700!important;color:var(--text-main)!important}.bundle-card-components-list{background:var(--surface-2)!important;border-radius:8px!important;padding:8px 10px!important;font-size:.78rem!important}.bundle-card-pricing-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important;text-align:center!important}.bundle-card-actions{display:flex!important;gap:8px!important;margin-top:4px!important}.compensation-metrics-mobile{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;margin:0!important;box-sizing:border-box!important}.manual-adjustment-metrics-mobile{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;margin-bottom:12px!important}.compensation-summary-header{margin-bottom:10px!important}.compensation-summary-title{font-size:.88rem!important;font-weight:700!important;color:var(--text-main)!important;display:block!important}.manual-adjustment-summary-title{font-size:.88rem!important;font-weight:700!important;color:var(--text-main)!important;margin-bottom:10px!important}.compensation-summary-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important}.manual-adjustment-summary-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important}.compensation-summary-item{background:var(--surface-2)!important;border-radius:10px!important;padding:10px 8px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;box-sizing:border-box!important}.compensation-summary-label{display:block!important;font-size:.72rem!important;font-weight:600!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.3px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.compensation-summary-val{display:block!important;font-size:1.25rem!important;font-weight:800!important;color:var(--text-main)!important;line-height:1.2!important}.compensation-summary-val.pending{color:#f59e0b!important}.compensation-summary-val.active{color:#10b981!important}.compensation-summary-val.used{color:var(--text-muted)!important}.compensation-summary-item.full-row{grid-column:1 / -1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:10px 14px!important}.compensation-summary-item.full-row .compensation-summary-label{font-size:.78rem!important;text-transform:none!important;font-weight:600!important}.compensation-summary-item.full-row .compensation-summary-val{font-size:1.15rem!important}.manual-adjustment-summary-item{background:var(--surface-2)!important;border-radius:10px!important;padding:10px 8px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;min-width:0!important;box-sizing:border-box!important}.manual-adjustment-summary-label{display:block!important;font-size:.72rem!important;font-weight:600!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:.3px!important;line-height:1.2!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:100%!important}.manual-adjustment-summary-val{display:block!important;font-size:1.25rem!important;font-weight:800!important;color:var(--text-main)!important;line-height:1.2!important}.manual-adjustment-summary-val.pending{color:#f59e0b!important}.manual-adjustment-summary-val.active{color:#10b981!important}.manual-adjustment-summary-val.applied{color:var(--text-muted)!important}.manual-adjustment-summary-item.full-row{grid-column:1 / -1!important;display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:10px 14px!important}.manual-adjustment-summary-item.full-row .manual-adjustment-summary-label{font-size:.78rem!important;text-transform:none!important;font-weight:600!important}.manual-adjustment-summary-item.full-row .manual-adjustment-summary-val{font-size:1.15rem!important}.manual-adjustment-card-item{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;display:flex!important;flex-direction:column!important;gap:8px!important}@media(max-width:768px){.campaign-btn-label-long{display:none!important}.campaign-btn-label-short{display:inline!important}.campaign-subtab-row{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important}.campaign-subtab-buttons{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}.campaign-subtab-btn{width:100%!important;justify-content:center!important;height:44px!important;font-size:.84rem!important;padding:0 8px!important}.campaign-hierarchy-text{width:100%!important;justify-content:center!important;text-align:center!important;font-size:.72rem!important;padding:6px 10px!important;white-space:normal!important;box-sizing:border-box!important;line-height:1.35!important}.campaign-filter-bar{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important}.campaign-filter-row-1,.campaign-filter-row-2{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}.campaign-search-wrapper{flex:1!important;width:100%!important}.campaign-summary-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}.campaign-summary-card.budget-card{grid-column:1 / -1!important}.campaign-summary-card{min-height:80px!important}.campaign-desktop-table{display:none!important}.campaign-mobile-cards{display:flex!important;flex-direction:column!important;gap:10px!important}.erp-modal-backdrop.campaign-modal-backdrop{padding:0!important}.erp-modal-panel.campaign-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important}.erp-modal-panel.campaign-modal-panel .erp-modal-header{position:sticky!important;padding:16px!important}.erp-modal-panel.campaign-modal-panel .erp-modal-title{word-break:break-word!important}.erp-modal-panel.campaign-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important}.campaign-form-row-2col,.campaign-form-row-code-name{grid-template-columns:1fr!important}.campaign-form-inline-stack{flex-direction:column!important;align-items:stretch!important}.campaign-form-inline-stack button{width:100%!important;min-height:44px!important}.campaign-modal-form .form-control{min-height:48px!important;width:100%!important;box-sizing:border-box!important}.campaign-modal-form .form-label{word-break:break-word!important}.erp-modal-panel.campaign-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important}.campaign-modal-btn-cancel{flex:0 0 auto!important}.campaign-modal-btn-submit{flex:1!important}.bundle-btn-label-long{display:none!important}.bundle-btn-label-short{display:inline!important}.promo-desktop-tabs{display:none!important}.promo-mobile-category-wrap{display:block!important}.bundle-admin-container{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;margin:0!important}.bundle-info-banner{margin:0!important}.bundle-filter-bar{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;margin:0!important}.bundle-filter-row-1{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important;flex:none!important;height:auto!important;margin:0!important}.bundle-search-wrapper{flex:1!important;width:100%!important}.bundle-refresh-btn{width:44px!important;min-width:44px!important;height:44px!important;min-height:44px!important;flex-shrink:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important}.bundle-filter-row-2{display:flex!important;width:100%!important;flex:none!important;height:auto!important;min-height:0!important;margin:0!important}.bundle-status-select{width:100%!important;height:44px!important;min-height:44px!important;border-radius:10px!important;box-sizing:border-box!important}.bundle-filter-row-3{display:flex!important;width:100%!important;flex:none!important;height:auto!important;min-height:0!important;margin:0!important}.bundle-create-btn{width:100%!important;height:44px!important;min-height:44px!important;border-radius:10px!important;justify-content:center!important;box-sizing:border-box!important}.erp-modal-panel.bundle-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;box-sizing:border-box!important}.erp-modal-panel.bundle-modal-panel .erp-modal-header{position:sticky!important;top:0!important;padding:16px!important;background:var(--surface)!important;z-index:10!important}.erp-modal-panel.bundle-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important;box-sizing:border-box!important}.erp-modal-panel.bundle-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:10!important}.bundle-modal-footer-actions{display:flex!important;width:100%!important;gap:8px!important;align-items:center!important}.bundle-form-row-code-name,.bundle-form-row-price-dates{grid-template-columns:1fr!important}.bundle-modal-form .form-control{min-height:48px!important}.bundle-builder-container{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;align-items:stretch!important}.bundle-builder-select{width:100%!important;flex:1 1 100%!important;min-height:44px!important;height:44px!important;border-radius:10px!important;box-sizing:border-box!important}.bundle-builder-action-row{display:flex!important;align-items:center!important;gap:10px!important;width:100%!important}.bundle-builder-qty-group{display:flex!important;align-items:center!important;gap:8px!important;flex:0 0 auto!important}.bundle-builder-qty-input{width:72px!important;min-width:60px!important;height:44px!important;min-height:44px!important;border-radius:10px!important;text-align:center!important;box-sizing:border-box!important}.bundle-builder-add-btn{flex:1!important;width:100%!important;height:44px!important;min-height:44px!important;border-radius:10px!important;justify-content:center!important;box-sizing:border-box!important}.bundle-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:10px!important;width:100%!important;box-sizing:border-box!important}.bundle-summary-card{padding:10px!important;border-radius:10px!important;min-width:0!important;box-sizing:border-box!important}.bundle-summary-label{font-size:.72rem!important;font-weight:600!important;color:var(--text-muted)!important;margin-bottom:2px!important;text-transform:uppercase!important;letter-spacing:.3px!important;line-height:1.3!important}.bundle-summary-val{font-size:.88rem!important;font-weight:800!important;line-height:1.35!important;word-break:break-word!important}.bundle-modal-btn-cancel{flex:0 0 auto!important;min-height:42px!important;height:42px!important;padding:0 16px!important;border-radius:10px!important}.bundle-modal-btn-submit{flex:1!important;min-height:42px!important;height:42px!important;border-radius:10px!important;white-space:nowrap!important;font-size:.88rem!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.bundle-desktop-table{display:none!important}.bundle-mobile-cards{display:flex!important;flex-direction:column!important;gap:16px!important;width:100%!important;margin:0!important}.bundle-empty-box{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:28px 16px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;box-shadow:0 1px 4px #00000008!important;box-sizing:border-box!important;margin:0!important}.bundle-empty-title{font-size:.95rem!important;font-weight:700!important;color:var(--text-main)!important;margin:6px 0 4px!important}.bundle-empty-desc{font-size:.82rem!important;color:var(--text-muted)!important;max-width:320px!important;margin:0 auto 8px!important;line-height:1.4!important}.bundle-components-desktop-table{display:none!important}.bundle-components-mobile-cards{display:flex!important;flex-direction:column!important;gap:10px!important}.compensation-admin-section{gap:16px!important}.compensation-header-block{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin:0!important}.compensation-title-group{width:100%!important}.compensation-heading{font-size:1.05rem!important;line-height:1.35!important}.compensation-subheading{font-size:.78rem!important;line-height:1.4!important}.compensation-action-group{width:100%!important}.compensation-create-btn{width:100%!important;min-height:48px!important;height:48px!important;font-size:.9rem!important;font-weight:700!important;border-radius:12px!important;justify-content:center!important;box-sizing:border-box!important}.compensation-metrics-desktop{display:none!important}.compensation-metrics-mobile{display:block!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;margin:0!important;box-sizing:border-box!important}.compensation-summary-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important}.compensation-filter-toolbar{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;margin:0!important}.compensation-filter-row-1{display:flex!important;gap:8px!important;width:100%!important;align-items:center!important}.compensation-search-wrapper{flex:1!important;min-width:0!important}.compensation-search-input{width:100%!important;height:48px!important;min-height:48px!important;font-size:.84rem!important;border-radius:12px!important;box-sizing:border-box!important}.compensation-refresh-btn{width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;border-radius:12px!important;padding:0!important;box-sizing:border-box!important}.compensation-filter-row-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}.compensation-type-select,.compensation-status-select{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;border-radius:10px!important;font-size:.82rem!important;box-sizing:border-box!important}.erp-modal-panel.compensation-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:hidden!important;box-sizing:border-box!important}.erp-modal-panel.compensation-modal-panel .erp-modal-header{position:sticky!important;top:0!important;padding:16px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;z-index:10!important;flex-shrink:0!important}.erp-modal-panel.compensation-modal-panel .erp-modal-title{font-size:1.02rem!important;line-height:1.35!important}.erp-modal-panel.compensation-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important;flex:1 1 auto!important;box-sizing:border-box!important}.erp-modal-panel.compensation-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:10!important;flex-shrink:0!important}.compensation-form-row-2col,.compensation-form-row-product-qty{grid-template-columns:1fr!important;gap:14px!important}.compensation-modal-form .form-control,.compensation-modal-form .form-select{min-height:48px!important;height:48px!important;font-size:.88rem!important;border-radius:10px!important;box-sizing:border-box!important}.compensation-modal-form textarea.form-control{min-height:72px!important;height:auto!important}.compensation-modal-footer-actions{display:flex!important;width:100%!important;gap:10px!important;align-items:center!important;justify-content:space-between!important;min-width:0!important;box-sizing:border-box!important}.compensation-modal-btn-cancel{flex:0 0 auto!important;min-height:44px!important;height:44px!important;padding:0 16px!important;border-radius:10px!important;font-size:.88rem!important;font-weight:600!important;box-sizing:border-box!important}.compensation-modal-btn-submit{flex:1!important;min-height:44px!important;height:44px!important;padding:0 14px!important;border-radius:10px!important;font-size:.86rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;white-space:nowrap!important;box-sizing:border-box!important}.compensation-btn-label-long{display:inline!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.compensation-btn-label-short{display:none!important}.manual-adjustment-header-block{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}.manual-adjustment-heading{font-size:1.05rem!important;line-height:1.35!important}.manual-adjustment-subheading{font-size:.78rem!important;line-height:1.4!important}.manual-adjustment-action-group{width:100%!important}.manual-adjustment-create-btn{width:100%!important;min-height:48px!important;height:48px!important;font-size:.9rem!important;font-weight:700!important;border-radius:12px!important;justify-content:center!important;box-sizing:border-box!important}.manual-adjustment-metrics-desktop{display:none!important}.manual-adjustment-metrics-mobile{display:block!important;background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:14px!important;padding:14px!important;margin:0!important;box-sizing:border-box!important}.manual-adjustment-summary-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important}.manual-adjustment-filter-toolbar{display:flex!important;flex-direction:column!important;gap:10px!important;width:100%!important;margin:0!important}.manual-adjustment-filter-row-1{display:flex!important;gap:8px!important;width:100%!important;align-items:center!important}.manual-adjustment-search-wrapper{flex:1!important;min-width:0!important}.manual-adjustment-search-input{width:100%!important;height:48px!important;min-height:48px!important;font-size:.84rem!important;border-radius:12px!important;box-sizing:border-box!important}.manual-adjustment-refresh-btn{width:48px!important;height:48px!important;min-width:48px!important;flex:0 0 48px!important;border-radius:12px!important;padding:0!important;box-sizing:border-box!important}.manual-adjustment-filter-row-2{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;width:100%!important}.manual-adjustment-type-select,.manual-adjustment-status-select{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;border-radius:10px!important;font-size:.82rem!important;box-sizing:border-box!important}.erp-modal-panel.manual-adjustment-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;display:flex!important;flex-direction:column!important;overflow-x:hidden!important;overflow-y:hidden!important;box-sizing:border-box!important}.erp-modal-panel.manual-adjustment-modal-panel .erp-modal-header{position:sticky!important;top:0!important;padding:16px!important;background:var(--surface)!important;border-bottom:1px solid var(--border)!important;z-index:10!important;flex-shrink:0!important}.erp-modal-panel.manual-adjustment-modal-panel .erp-modal-title{font-size:1.02rem!important;line-height:1.35!important}.erp-modal-panel.manual-adjustment-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important;flex:1 1 auto!important;box-sizing:border-box!important}.erp-modal-panel.manual-adjustment-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:10!important;flex-shrink:0!important}.manual-adjustment-form-row-2col{grid-template-columns:1fr!important;gap:14px!important}.manual-adjustment-modal-form .form-control,.manual-adjustment-modal-form .form-select{min-height:48px!important;height:48px!important;font-size:.88rem!important;border-radius:10px!important;box-sizing:border-box!important}.manual-adjustment-modal-form textarea.form-control{min-height:72px!important;height:auto!important}.manual-adjustment-modal-footer-actions{display:flex!important;width:100%!important;gap:10px!important;align-items:center!important;justify-content:space-between!important;min-width:0!important;box-sizing:border-box!important}.manual-adjustment-modal-btn-cancel{flex:0 0 auto!important;min-height:44px!important;height:44px!important;padding:0 16px!important;border-radius:10px!important;font-size:.88rem!important;font-weight:600!important;box-sizing:border-box!important}.manual-adjustment-modal-btn-submit{flex:1!important;min-height:44px!important;height:44px!important;padding:0 14px!important;border-radius:10px!important;font-size:.86rem!important;font-weight:700!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important;white-space:nowrap!important;box-sizing:border-box!important}.manual-adjustment-btn-label-long{display:inline!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.manual-adjustment-btn-label-short{display:none!important}.erp-modal-backdrop.kol-partner-modal-backdrop{padding:0!important}.erp-modal-panel.kol-partner-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;box-sizing:border-box!important}.erp-modal-panel.kol-partner-modal-panel .erp-modal-header{position:sticky!important;top:0!important;padding:16px!important;background:var(--surface)!important;z-index:10!important}.erp-modal-panel.kol-partner-modal-panel .erp-modal-title{word-break:break-word!important;font-size:1.05rem!important;line-height:1.35!important}.erp-modal-panel.kol-partner-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important}.kol-partner-modal-body .form-control,.kol-partner-modal-body .form-select{width:100%!important;min-height:44px!important;height:44px!important;border-radius:10px!important;box-sizing:border-box!important;font-size:.88rem!important}.kol-partner-modal-body textarea.form-control{min-height:72px!important;height:auto!important;resize:vertical!important}.kol-partner-modal-field .form-label{display:block!important;margin-bottom:0!important;font-size:.82rem!important;font-weight:600!important}.kol-partner-modal-row-2col{grid-template-columns:1fr!important;gap:12px!important}.kol-partner-type-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.kol-partner-type-option{padding:8px 10px!important}.erp-modal-panel.kol-partner-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:10!important}.kol-partner-modal-footer{display:flex!important;width:100%!important;gap:8px!important;align-items:center!important}.kol-modal-btn-cancel{flex:0 0 auto!important;min-height:42px!important;height:42px!important;padding:0 16px!important;border-radius:10px!important}.kol-modal-btn-save{flex:1!important;min-height:42px!important;height:42px!important;border-radius:10px!important;white-space:nowrap!important;font-size:.88rem!important;font-weight:600!important}.erp-modal-backdrop.kol-visit-voucher-modal-backdrop{padding:0!important}.erp-modal-panel.kol-visit-voucher-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;box-sizing:border-box!important}.erp-modal-panel.kol-visit-voucher-modal-panel .erp-modal-header{position:sticky!important;top:0!important;padding:16px!important;background:var(--surface)!important;z-index:10!important}.erp-modal-panel.kol-visit-voucher-modal-panel .erp-modal-title{word-break:break-word!important;font-size:1.02rem!important;line-height:1.35!important}.erp-modal-panel.kol-visit-voucher-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important}.kol-visit-voucher-modal-body .form-control,.kol-visit-voucher-modal-body .form-select{width:100%!important;min-height:44px!important;height:44px!important;border-radius:10px!important;box-sizing:border-box!important;font-size:.88rem!important}.kol-visit-form-row-2col,.kol-visit-form-row-product-qty{grid-template-columns:1fr!important;gap:12px!important}.kol-visit-form-field{width:100%!important;min-width:0!important}.kol-visit-form-field .form-label{display:block!important;margin-bottom:0!important;font-size:.82rem!important;font-weight:600!important}.erp-modal-panel.kol-visit-voucher-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:10!important}.kol-visit-voucher-modal-footer{display:flex!important;width:100%!important;gap:8px!important;align-items:center!important}.kol-visit-voucher-modal-footer .kol-modal-btn-cancel{flex:0 0 auto!important;min-height:42px!important;height:42px!important;padding:0 16px!important;border-radius:10px!important}.kol-visit-voucher-modal-footer .kol-modal-btn-submit{flex:1!important;min-height:42px!important;height:42px!important;border-radius:10px!important;white-space:nowrap!important;font-size:.88rem!important;font-weight:600!important}.erp-modal-backdrop.kol-affiliate-modal-backdrop{padding:0!important}.erp-modal-panel.kol-affiliate-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;box-sizing:border-box!important}.erp-modal-panel.kol-affiliate-modal-panel .erp-modal-header{position:sticky!important;top:0!important;padding:16px!important;background:var(--surface)!important;z-index:10!important}.erp-modal-panel.kol-affiliate-modal-panel .erp-modal-title{word-break:break-word!important;font-size:1.02rem!important;line-height:1.35!important}.erp-modal-panel.kol-affiliate-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important}.kol-affiliate-modal-body .form-control,.kol-affiliate-modal-body .form-select{width:100%!important;min-height:44px!important;height:44px!important;border-radius:10px!important;box-sizing:border-box!important;font-size:.88rem!important}.kol-affiliate-form-row-2col{grid-template-columns:1fr!important;gap:12px!important}.kol-affiliate-form-field{width:100%!important;min-width:0!important}.kol-affiliate-form-field .form-label{display:block!important;margin-bottom:0!important;font-size:.82rem!important;font-weight:600!important}.erp-modal-panel.kol-affiliate-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:10!important}.kol-affiliate-modal-footer{display:flex!important;width:100%!important;gap:8px!important;align-items:center!important}.kol-affiliate-modal-footer .kol-modal-btn-cancel{flex:0 0 auto!important;min-height:42px!important;height:42px!important;padding:0 16px!important;border-radius:10px!important}.kol-affiliate-modal-footer .kol-modal-btn-submit{flex:1!important;min-height:42px!important;height:42px!important;border-radius:10px!important;white-space:nowrap!important;font-size:.88rem!important;font-weight:600!important}.erp-modal-backdrop.kol-audience-modal-backdrop{padding:0!important}.erp-modal-panel.kol-audience-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;border-radius:20px!important;max-height:calc(100dvh - 24px)!important;overflow:hidden!important;box-sizing:border-box!important}.erp-modal-panel.kol-audience-modal-panel .erp-modal-header{position:sticky!important;top:0!important;padding:16px!important;background:var(--surface)!important;z-index:10!important}.erp-modal-panel.kol-audience-modal-panel .erp-modal-title{word-break:break-word!important;font-size:1.02rem!important;line-height:1.35!important}.erp-modal-panel.kol-audience-modal-panel .erp-modal-body{overflow-y:auto!important;overflow-x:hidden!important;padding:16px!important}.kol-audience-modal-body .form-control,.kol-audience-modal-body .form-select{width:100%!important;min-height:44px!important;height:44px!important;border-radius:10px!important;box-sizing:border-box!important;font-size:.88rem!important}.kol-audience-form-row-2col{grid-template-columns:1fr!important;gap:12px!important}.kol-audience-form-field{width:100%!important;min-width:0!important}.kol-audience-form-field .form-label{display:block!important;margin-bottom:0!important;font-size:.82rem!important;font-weight:600!important}.erp-modal-panel.kol-audience-modal-panel .erp-modal-footer{position:sticky!important;bottom:0!important;padding:12px 16px max(12px,env(safe-area-inset-bottom))!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;z-index:10!important}.kol-audience-modal-footer{display:flex!important;width:100%!important;gap:8px!important;align-items:center!important}.kol-audience-modal-footer .kol-modal-btn-cancel{flex:0 0 auto!important;min-height:42px!important;height:42px!important;padding:0 16px!important;border-radius:10px!important}.kol-audience-modal-footer .kol-modal-btn-submit{flex:1!important;min-height:42px!important;height:42px!important;border-radius:10px!important;white-space:nowrap!important;font-size:.88rem!important;font-weight:600!important}}.outlet-header-actions{display:flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important}.outlet-header-actions .export-button-group{display:inline-flex!important;align-items:center!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important}.outlet-header-actions .export-btn-action,.outlet-header-actions .print-btn-action,.outlet-header-actions .outlet-header-btn-add{height:38px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important}.outlet-header-actions .outlet-header-btn-add{gap:6px!important;padding:0 16px!important;font-size:.85rem!important;font-weight:700!important;border-radius:10px!important;background:var(--primary)!important;color:#fff!important;border:none!important;cursor:pointer!important;flex-shrink:0!important;box-shadow:0 2px 8px #d2462d40!important;transition:all .2s ease!important}.outlet-header-actions .outlet-header-btn-add:hover{background:var(--primary-dark, #b83821)!important;transform:translateY(-1px)!important}.outlet-filters-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.outlet-search-refresh-wrap{display:flex;align-items:center;gap:8px}.outlet-modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0000008c!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:var(--z-modal-primary, 1000)!important;padding:24px 16px!important;overflow-y:auto!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;box-sizing:border-box!important}.outlet-modal-panel{background:var(--surface)!important;border:1px solid var(--border)!important;border-radius:20px!important;width:100%!important;max-width:520px!important;max-height:calc(100dvh - 48px)!important;box-shadow:0 24px 60px #0000004d!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:24px 28px!important;margin:auto!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box!important}.outlet-modal-panel.outlet-confirm-modal-panel{max-width:440px!important}.outlet-modal-header{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-shrink:0!important}.outlet-modal-form{display:flex!important;flex-direction:column!important;gap:14px!important;width:100%!important;box-sizing:border-box!important}.outlet-modal-textarea{min-height:72px!important;resize:vertical!important;width:100%!important;box-sizing:border-box!important}.outlet-maps-label-row{display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:6px!important;margin-bottom:4px!important;width:100%!important}.outlet-btn-open-maps{background:none!important;border:none!important;color:var(--primary)!important;font-size:.75rem!important;font-weight:700!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:3px!important;padding:2px 4px!important;border-radius:4px!important;white-space:nowrap!important}.outlet-btn-open-maps:hover{background:var(--primary-soft)!important}.outlet-helper-text{font-size:.72rem!important;color:var(--text-muted)!important;margin-top:3px!important;display:block!important;line-height:1.35!important;word-break:break-word!important}.outlet-coords-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;width:100%!important;box-sizing:border-box!important}.outlet-status-toggle-row{padding:10px 14px!important;border-radius:10px!important;min-height:44px!important;box-sizing:border-box!important}.outlet-modal-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding-top:12px!important;margin-top:6px!important;border-top:1px solid var(--border)!important;flex-shrink:0!important}.outlet-modal-btn-cancel{height:40px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;font-size:.88rem!important;font-weight:600!important}.outlet-modal-btn-submit{height:40px!important;padding:0 20px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:10px!important;font-size:.88rem!important;font-weight:600!important;gap:6px!important}@media(max-width:640px){.outlet-header-actions{width:100%!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;gap:6px!important;box-sizing:border-box!important;margin-top:6px!important}.outlet-header-actions .export-button-group{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;flex:2 1 0!important;gap:6px!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}.outlet-header-actions .export-dropdown-wrapper{flex:1 1 0!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.outlet-header-actions .export-btn-action,.outlet-header-actions .print-btn-action{width:100%!important;min-width:0!important;height:36px!important;padding:0 6px!important;font-size:.78rem!important;gap:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border-radius:8px!important;box-sizing:border-box!important}.outlet-header-actions .outlet-header-btn-add{flex:1.3 1 0!important;min-width:0!important;height:36px!important;padding:0 8px!important;font-size:.78rem!important;gap:4px!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;border-radius:8px!important;box-sizing:border-box!important}.outlet-filters-row{display:flex!important;flex-direction:column!important;gap:8px!important;width:100%!important}.outlet-type-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important;flex-wrap:nowrap!important;padding:3px!important;gap:4px!important;box-sizing:border-box!important}.outlet-type-tabs .mi-tab-btn{display:flex!important;width:100%!important;min-width:0!important;height:36px!important;justify-content:center!important;align-items:center!important;padding:0 4px!important;font-size:.78rem!important;gap:4px!important;white-space:nowrap!important;box-sizing:border-box!important;border-radius:8px!important}.outlet-type-tabs .mi-tab-count{padding:1px 5px!important;font-size:.68rem!important;min-width:18px!important;flex-shrink:0!important}.outlet-search-refresh-wrap{display:flex!important;align-items:center!important;gap:8px!important;width:100%!important}.outlet-search-refresh-wrap .mi-search-wrap{flex:1 1 auto!important;max-width:none!important;width:100%!important}.outlet-modal-overlay{padding:12px!important;align-items:center!important}.outlet-modal-panel{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:18px 16px!important;border-radius:18px!important;gap:14px!important}.outlet-form-row-2col{grid-template-columns:1fr!important;gap:12px!important}.outlet-coords-row{grid-template-columns:1fr 1fr!important;gap:10px!important}.outlet-modal-footer{display:flex!important;gap:8px!important;width:100%!important}.outlet-modal-btn-cancel,.outlet-modal-btn-submit{flex:1 1 0!important;width:100%!important;height:42px!important}}@media(max-width:430px){.outlet-coords-row{grid-template-columns:1fr!important;gap:10px!important}.outlet-modal-panel{padding:16px 14px!important}}@media(max-width:390px){.outlet-header-actions,.outlet-header-actions .export-button-group{gap:4px!important}.outlet-header-actions .export-btn-action,.outlet-header-actions .print-btn-action{padding:0 4px!important;font-size:.73rem!important;gap:2px!important}.outlet-header-actions .outlet-header-btn-add{padding:0 6px!important;font-size:.74rem!important;gap:3px!important}.outlet-type-tabs .mi-tab-btn{font-size:.74rem!important;padding:0 2px!important;gap:3px!important}}.profile-tabs-mobile-select{display:none!important}.profile-tabs-desktop-bar{display:flex!important}.marketplace-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:639px){.profile-tabs-mobile-select{display:block!important}.profile-tabs-desktop-bar{display:none!important}.user-card-meta-row{flex-wrap:wrap!important;gap:8px!important}.user-card-badges{flex-wrap:wrap!important;gap:6px!important;min-width:0!important;flex:1 1 auto!important}.user-card-meta-row .btn-user-detail{margin-left:auto!important}.marketplace-cards-grid{grid-template-columns:1fr!important}.user-detail-footer{display:flex!important;flex-direction:column!important;width:100%!important;gap:10px!important}.user-detail-action-group{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:8px!important}.user-detail-action-group .user-detail-btn,.user-detail-close-btn{width:100%!important}}#financial-report-print-root,#payroll-slip-print-root{display:none!important}@media print{@page{size:A4 portrait;margin:10mm 8mm}@page landscape-page{size:A4 landscape;margin:8mm}.print-landscape,body.print-landscape{page:landscape-page}.sidebar,.pos-header,header.page-header .header-actions,.page-header .badge-portal,.header-actions,.btn-filter-tag,.km-input-compact,.mi-filters-row,.mi-search-wrap,.btn-os-submit,.btn-os-refresh,.btn-outlet-action,.mi-modal-overlay,.os-alert,.no-print,.export-button-group,.theme-switcher-portal,.pwa-install-prompt,.pwa-update-banner,.offline-banner,.auth-loading-screen,button,input,select,.toast{display:none!important}body.financial-report-print{background:#fff!important;color:#111827!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;font-size:8.5pt!important;line-height:1.35!important;margin:0!important;padding:0!important;overflow:visible!important}body.financial-report-print>*:not(#financial-report-print-root){display:none!important}body.financial-report-print #financial-report-print-root{display:block!important;width:100%!important;background:#fff!important;color:#111827!important;margin:0!important;padding:0!important}.financial-print-header{display:block!important;border-bottom:2px solid #111827!important;padding-bottom:8px!important;margin-bottom:10px!important;page-break-inside:avoid!important;break-inside:avoid!important}.financial-print-header-top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important}.financial-print-company-name{font-size:13pt!important;font-weight:800!important;color:#111827!important;margin:0!important;letter-spacing:.5px!important;text-transform:uppercase!important}.financial-print-title{font-size:10.5pt!important;font-weight:700!important;color:#374151!important;margin:3px 0 0!important;text-transform:uppercase!important}.financial-print-meta-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin-top:8px!important;font-size:7.5pt!important;color:#4b5563!important;background:#f9fafb!important;padding:6px 8px!important;border-radius:4px!important;border:1px solid #e5e7eb!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.financial-print-meta-item strong{color:#111827!important}#financial-report-print-root table,table.financial-print-table{width:100%!important;border-collapse:collapse!important;margin-top:8px!important;font-size:8pt!important;table-layout:auto!important}#financial-report-print-root thead,table.financial-print-table thead{display:table-header-group!important}#financial-report-print-root th,table.financial-print-table th{background:#f3f4f6!important;color:#111827!important;border:1px solid #d1d5db!important;padding:5px 6px!important;font-weight:700!important;text-align:left!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#financial-report-print-root td,table.financial-print-table td{border:1px solid #e5e7eb!important;padding:4px 6px!important;color:#1f2937!important}#financial-report-print-root tr,table.financial-print-table tr{page-break-inside:avoid!important;break-inside:avoid!important}.print-row-section td{font-weight:800!important;background:#f3f4f6!important;color:#111827!important;border-top:1.5px solid #d1d5db!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-row-subtotal td{font-weight:700!important;background:#f9fafb!important;border-top:1.5px solid #9ca3af!important;border-bottom:1.5px solid #9ca3af!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.print-row-grand-total td{font-weight:800!important;font-size:8.5pt!important;background:#f0fdf4!important;color:#14532d!important;border-top:2px solid #16a34a!important;border-bottom:2px solid #16a34a!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.text-right{text-align:right!important}.text-center{text-align:center!important}.text-left{text-align:left!important}.financial-print-footer{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-top:12px!important;padding-top:6px!important;border-top:1px solid #e5e7eb!important;font-size:7pt!important;color:#6b7280!important;page-break-inside:avoid!important;break-inside:avoid!important}}@page thermal-58{size:58mm auto;margin:2mm 1mm}@page thermal-80{size:80mm auto;margin:2mm 1mm}@media print{body.thermal-print *{visibility:hidden!important}body.thermal-print #print-root,body.thermal-print #print-root *{visibility:visible!important}body.thermal-print>*:not(#print-root){display:none!important}body.thermal-print #print-root{display:block!important;position:fixed!important;top:0!important;left:0!important;width:100%!important;background:#fff!important;margin:0!important;padding:0!important;z-index:9999!important}body.thermal-print #print-receipt-content{display:block!important;margin:0 auto!important;padding:3mm 2mm!important;background:#fff!important;color:#000!important;font-family:Courier New,Courier,Lucida Console,monospace!important;font-size:10pt!important;line-height:1.3!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body.thermal-58mm #print-receipt-content{width:52mm!important;max-width:52mm!important;font-size:9pt!important;page:thermal-58!important}body.thermal-80mm #print-receipt-content{width:72mm!important;max-width:72mm!important;font-size:10pt!important;page:thermal-80!important}body.thermal-print #print-receipt-content img{max-width:100%!important;height:auto!important;display:block!important;margin:0 auto!important}body.thermal-print .thermal-divider{border:none!important;border-top:1px dashed #000!important;margin:3mm 0!important}body.thermal-print #print-receipt-content div[style*="display: flex"]{display:flex!important}body.thermal-print .thermal-void-banner{border:1px solid #000!important;padding:2mm!important;margin:2mm 0!important;text-align:center!important;font-weight:700!important}body.thermal-print .no-thermal-print{display:none!important}body.payroll-slip-print{background:#fff!important;color:#111827!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important;margin:0!important;padding:0!important;overflow:visible!important}body.payroll-slip-print>*:not(#payroll-slip-print-root){display:none!important}body.payroll-slip-print #payroll-slip-print-root{display:block!important;width:100%!important;max-width:100%!important;background:#fff!important;color:#111827!important;margin:0!important;padding:0!important}.payroll-slip-box{border:2px solid #111827!important;border-radius:8px!important;padding:24px!important;background:#fff!important;color:#111827!important;page-break-inside:avoid!important;break-inside:avoid!important}.payroll-slip-table th,.payroll-slip-table td{border-bottom:1px solid #e5e7eb!important;padding:6px 8px!important;color:#111827!important}}#print-receipt-content.thermal-preview{background:#fff;color:#000;font-family:Courier New,Courier,Lucida Console,monospace;font-size:10pt;line-height:1.3;padding:8px 6px;border:1px dashed #ccc;border-radius:4px}