:root{--primary-color:#ca3436;--primary-color-dark:#a32929;--text-color:#333;--text-color-light:#555;--background-color:#f4f6f8;--sidebar-background:#fff;--content-background:#fff;--border-color:#dee2e6;--input-background:#fff;--link-color:#007bff;--link-hover-color:#0056b3;--success-color:#28a745;--error-color:#dc3545;--font-family-sans-serif:"Open Sans",sans-serif;--border-radius:4px;--form-element-font-size:0.9rem;--form-label-font-size:0.8rem;--form-input-padding-vertical:8px;--form-input-padding-horizontal:12px;--form-min-height:38px}label{color:#555;color:var(--text-color-light);display:block;font-size:.8rem;font-size:var(--form-label-font-size);font-weight:600;margin-bottom:6px}.react-select-container .react-select__control,input[type=date],input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select,textarea{background-color:#fff;background-color:var(--input-background);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);box-sizing:border-box;color:#333;color:var(--text-color);font-size:.9rem;font-size:var(--form-element-font-size);height:38px;height:var(--form-min-height);line-height:1.4;min-height:38px;min-height:var(--form-min-height);padding:8px 12px;padding:var(--form-input-padding-vertical) var(--form-input-padding-horizontal);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;vertical-align:middle;width:100%}textarea{height:auto;line-height:1.5;min-height:80px}.react-select-container .react-select__control{align-items:center;background-color:#fff;background-color:var(--input-background);border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);box-sizing:border-box;display:flex;font-size:.9rem;font-size:var(--form-element-font-size);height:38px!important;height:var(--form-min-height)!important;min-height:38px!important;min-height:var(--form-min-height)!important;overflow:hidden;padding:0;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.react-select-container .react-select__value-container{padding-left:12px;padding-left:var(--form-input-padding-horizontal);padding-right:2px}.react-select-container .react-select__input-container,.react-select-container .react-select__placeholder,.react-select-container .react-select__single-value{line-height:38px;line-height:var(--form-min-height);max-height:36px;max-height:calc(var(--form-min-height) - 2px)}.react-select-container .react-select__input-container input{height:36px;height:calc(var(--form-min-height) - 2px);line-height:36px;line-height:calc(var(--form-min-height) - 2px)}.react-select-container .react-select__indicators{padding-right:12px;padding-right:var(--form-input-padding-horizontal)}.react-select-container .react-select__indicator{padding:0}.react-select-container .react-select__indicator svg{max-height:22px;max-height:calc(var(--form-min-height) - 16px);width:auto}.react-select-container .react-select__control--is-focused,input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#ca3436;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #ca343640;outline:0}.react-select-container .react-select__value-container{align-items:center;display:flex;flex-grow:1;height:100%;overflow:hidden;padding:0 12px;padding:0 var(--form-input-padding-horizontal)}.react-select-container .react-select__input-container,.react-select-container .react-select__placeholder,.react-select-container .react-select__single-value{color:#333;color:var(--text-color);font-size:.9rem;font-size:var(--form-element-font-size);line-height:normal;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap}.react-select-container .react-select__placeholder{color:#555;color:var(--text-color-light)}.react-select-container .react-select__input-container input{background-color:initial;border:none;box-shadow:none;margin:0;outline:none;padding:0;width:100%}.react-select-container .react-select__indicators{align-items:center;display:flex}.react-select-container .react-select__indicator{align-items:center;display:flex;padding:4px 12px;padding:calc(var(--form-input-padding-vertical)/2) var(--form-input-padding-horizontal)}.react-select-container .react-select__control--is-focused,input[type=text]:focus,select:focus,textarea:focus{border-color:#ca3436;border-color:var(--primary-color);box-shadow:0 0 0 .2rem #ca343640;outline:0}.react-select-container .react-select__menu{border-radius:4px;border-radius:var(--border-radius);box-shadow:0 .5em 1em -.125em #0a0a0a1a,0 0 0 1px #0a0a0a05;margin-top:4px;z-index:1000}.react-select-container .react-select__menu,.react-select-container .react-select__menu-list{font-size:.9rem;font-size:var(--form-element-font-size)}.react-select-container .react-select__option{word-wrap:break-word;padding:8px 12px;white-space:normal}.react-select-container .react-select__option--is-focused{background-color:#f0f0f0}.react-select-container .react-select__option--is-selected{background-color:#ca3436;background-color:var(--primary-color);color:#fff}.react-select-container .react-select__option--is-selected:hover{background-color:#a32929;background-color:var(--primary-color-dark)}.react-select-container .react-select__control--is-disabled,input[type=date]:disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{background-color:#e9ecef;border-color:#dee2e6;border-color:var(--border-color);color:#6c757d;cursor:not-allowed;opacity:.7}.form-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px 20px;margin-bottom:15px}.form-group{display:flex;flex:1 1;flex-direction:column;min-width:150px}.form-group label{margin-bottom:4px}.form-group-w-auto{flex:0 1 auto;min-width:auto}.form-group-w-xs{flex:0 0 100px;min-width:100px}.form-group-w-sm{flex:0 0 150px;min-width:150px}.form-group-w-md{flex:0 0 200px;min-width:200px}.form-group-w-lg{flex:0 0 250px;min-width:250px}.form-group-w-xl{flex:0 0 300px;min-width:300px}.form-group-full{flex-basis:100%;min-width:100%}.form-group-checkbox{align-items:center;display:flex;margin-bottom:15px;margin-top:10px}.form-group-checkbox input[type=checkbox]{flex-shrink:0;height:auto;margin-right:8px;min-height:auto;width:auto}.form-group-checkbox label{color:#333;color:var(--text-color);font-size:.9rem;font-size:var(--form-element-font-size);font-weight:400;margin-bottom:0}fieldset{border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);margin-bottom:20px;margin-top:20px;padding:20px}fieldset legend{color:#333;color:var(--text-color);font-size:.9rem;font-size:calc(var(--form-label-font-size) + .1rem);font-weight:600;padding:0 10px}.button,button{align-items:center;border:1px solid #0000;border-radius:4px;border-radius:var(--border-radius,4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Open Sans,sans-serif;font-family:var(--font-family-sans-serif,"Open Sans",sans-serif);font-size:.9rem;font-weight:600;justify-content:center;min-height:38px;min-height:var(--form-min-height);padding:8px 12px;padding:var(--form-input-padding-vertical) var(--form-input-padding-horizontal);text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;white-space:nowrap}.button:focus-visible,button:focus-visible{outline:2px solid #a32929;outline:2px solid var(--primary-color-dark);outline-offset:2px}.button:disabled,button:disabled{background-color:#ccc;border-color:#ccc;color:#666;cursor:not-allowed;opacity:.7}.button.primary,button.primary{background-color:#ca3436;background-color:var(--primary-color);border-color:#ca3436;border-color:var(--primary-color);color:#fff}.button.primary:hover,button.primary:hover{background-color:#a32929;background-color:var(--primary-color-dark);border-color:#a32929;border-color:var(--primary-color-dark);box-shadow:0 2px 4px #0000001a}.button.secondary,button.secondary{background-color:#fff;border:1px solid #ca3436;border:1px solid var(--primary-color);color:#ca3436;color:var(--primary-color)}.button.secondary:hover,button.secondary:hover{background-color:#fdf0f0;border-color:#a32929;border-color:var(--primary-color-dark);box-shadow:0 2px 4px #0000000d;color:#a32929;color:var(--primary-color-dark)}.button.text,button.text{background-color:initial;border-color:#0000;color:#ca3436;color:var(--primary-color);padding-left:8px;padding-right:8px}.button.text:hover,button.text:hover{background-color:#fdf0f0;color:#a32929;color:var(--primary-color-dark)}.button.edit,button.edit{background-color:#fff;border:1px solid #007bff;border:1px solid var(--link-color,#007bff);color:#007bff;color:var(--link-color,#007bff);font-size:.8rem;padding:6px 12px}.button.edit:hover,button.edit:hover{background-color:#f0f8ff;border-color:#0056b3;border-color:var(--link-hover-color,#0056b3);color:#0056b3;color:var(--link-hover-color,#0056b3)}.button.inactivate,button.inactivate{background-color:#fff;border:1px solid #dc3545;border:1px solid var(--error-color,#dc3545);color:#dc3545;color:var(--error-color,#dc3545);font-size:.8rem;padding:6px 12px}.button.inactivate:hover,button.inactivate:hover{background-color:#fff0f1;border-color:#a71d2a;color:#a71d2a}.button.activate,button.activate{background-color:#fff;border:1px solid #28a745;border:1px solid var(--success-color,#28a745);color:#28a745;color:var(--success-color,#28a745);font-size:.8rem;padding:6px 12px}.button.activate:hover,button.activate:hover{background-color:#f0fff3;border-color:#1c7430;color:#1c7430}.button-group{align-items:center;display:flex;gap:10px}.form-actions{display:flex;gap:10px;margin-top:25px}.data-table{border-collapse:collapse;font-size:.9rem;font-size:var(--form-element-font-size,.875rem);margin-top:20px}.data-table td,.data-table th{border:1px solid #dee2e6;border:1px solid var(--border-color,#dee2e6);padding:8px 10px;text-align:left;vertical-align:middle}.data-table th{background-color:#f8f9fa;color:#555;color:var(--text-color-light,#555);font-weight:600}.data-table tbody tr:nth-child(odd){background-color:#fdfdfd}.data-table tbody tr:hover{background-color:#f0f4f8}.data-table .button-group button{font-size:.8rem;padding:4px 8px}.react-select-container .react-select__control--is-disabled,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{background-color:#e9ecef;border-color:#dee2e6;border-color:var(--border-color,#dee2e6);color:#6c757d;cursor:not-allowed;opacity:.7}.react-select-container .react-select__control--is-disabled .react-select__placeholder,.react-select-container .react-select__control--is-disabled .react-select__single-value{color:#6c757d}.react-select-container .react-select__control--is-disabled .react-select__clear-indicator,.react-select-container .react-select__control--is-disabled .react-select__dropdown-indicator{color:#adb5bd}.conversion-actions-group{align-items:flex-end;display:flex;flex:1 1 auto;justify-content:flex-start}.conversion-actions-group .button-group{padding-bottom:8 px}.uom-conversion-editor-row .from-uom-select{flex:2 1 180px}.uom-conversion-editor-row .equals-sign{flex:0 0 auto;font-weight:700;padding-bottom:10px}.uom-conversion-editor-row .factor-input{flex:1 1 100px}.uom-conversion-editor-row .action-buttons .button-group{padding-bottom:0}.uom-conversion-editor-row .action-buttons{display:flex;flex:0 0 auto;justify-content:flex-start}.uom-conversion-editor-row .action-buttons .button-group{align-items:flex-end}.uom-conversion-editor-row .action-buttons button{font-size:.9rem;min-width:100px;padding:8px 16px;text-align:center}.uom-conversion-editor-row .action-buttons-wrapper{align-items:flex-end;display:flex;flex:0 0 auto;gap:10px}.react-select-container .react-select__control,input[type=email]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=tel]:disabled,input[type=text]:disabled,select:disabled,textarea:disabled{align-items:center;box-sizing:border-box;display:flex;height:38px;height:var(--form-min-height,36px);min-height:38px;min-height:var(--form-min-height,36px)}.uom-conversion-editor-row .button-group button{align-items:center;display:inline-flex;height:38px;height:var(--form-min-height,36px);justify-content:center;min-width:100px;padding-bottom:0;padding-top:0}.uom-conversion-editor-row .button-group button.primary{min-width:120px}.uom-conversion-editor-row{align-items:flex-end;border-top:1px solid #dee2e6;border-top:1px solid var(--border-color);display:flex;gap:10px;margin-bottom:5px;margin-top:15px;padding-top:15px}.uom-conversion-editor-row .form-group{margin-bottom:0}.uom-conversion-editor-row .equals-sign{flex-shrink:0;line-height:38px;line-height:var(--form-min-height,36px);padding:0 5px}.uom-conversion-helper-text{color:#555;color:var(--text-color-light);display:block;font-size:.8rem;margin-top:2px}.button.delete,button.delete{font-size:.8rem;padding:6px 12px}.button.delete:hover,button.delete:hover{box-shadow:0 2px 4px #0000001a}.modal-content h3{color:#333;color:var(--text-color);margin-bottom:15px;margin-top:0}.modal-content p{color:#555}.is-invalid,.is-invalid-select .react-select__control{border-color:#dc3545!important;border-color:var(--error-color)!important;box-shadow:0 0 0 .2rem #dc354540!important}.button.delete,button.delete{background-color:#dc3545;background-color:var(--error-color,#dc3545);border-color:#dc3545;border-color:var(--error-color,#dc3545);color:#fff}.button.delete:hover,button.delete:hover{background-color:#c82333;border-color:#bd2130}button.cancel-order-destructive{background-color:#fff;border:1px solid #dc3545;border:1px solid var(--error-color,#dc3545);color:#dc3545;color:var(--error-color,#dc3545)}button.cancel-order-destructive:hover{background-color:#fff0f1;border-color:#a71d2a;color:#a71d2a}.summary-table{border-collapse:collapse;font-size:.9em}.summary-table td{border:1px solid #dee2e6;border:1px solid var(--border-color);padding:6px 8px;vertical-align:top}.summary-table-right td:last-child{padding-left:10px;padding-right:5px}.kpi-card{background-color:#fff;border:1px solid #dee2e6;border:1px solid var(--border-color);border-radius:4px;border-radius:var(--border-radius);padding:15px}.kpi-card h4{border-bottom:1px solid #eee;color:#555;color:var(--text-color-light);font-size:1em;margin-bottom:15px;margin-top:0;padding-bottom:10px}.kpi-metric{align-items:center;display:flex;font-size:.95em;justify-content:space-between;padding:8px 5px}.kpi-metric .kpi-label{color:#333;color:var(--text-color)}.kpi-metric .kpi-value{font-size:1.2em;font-weight:700}.table-group-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-top:2px solid #dee2e6;font-weight:700}.table-group-header:hover{background-color:#f1f3f5}.table-child-row td{background-color:#fff;border-bottom:1px solid #f0f0f0;border-top:none}.table-child-row:last-child td{border-bottom:1px solid #dee2e6}.table-child-row .child-indent{padding-left:45px}.expand-icon{border:1px solid #ccc;border-radius:4px;cursor:pointer;display:inline-block;font-weight:700;height:20px;line-height:18px;margin-right:10px;text-align:center;transition:transform .2s ease-in-out,background-color .2s ease;-webkit-user-select:none;user-select:none;width:20px}.expand-icon:hover{background-color:#e9ecef}.expand-icon--collapsed{transform:rotate(0deg)}.expand-icon--expanded{transform:rotate(45deg)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f6f8;color:#333;font-family:Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.page-actions-bar,.page-filter-bar{align-items:flex-end;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:15px}.page-filter-bar__main{align-items:flex-end;display:flex;flex-grow:1;flex-wrap:wrap;gap:20px 30px}.page-filter-bar__main .form-group{margin-bottom:0}.page-filter-bar__main .form-group input[type=text]{min-width:300px}.page-filter-bar__main .button-group{flex-wrap:wrap;gap:10px}.page-filter-bar__toggle{flex-shrink:0;padding-bottom:8px}.stock-take-summary-grid{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);display:flex;gap:15px;justify-content:space-around;margin-bottom:20px;padding:10px;text-align:center}.stock-take-main-content{display:flex;flex-wrap:wrap-reverse;gap:30px}@media (max-width:991.98px){.report-kpi-grid,div[style*="grid-template-columns: repeat(auto-fit, minmax(280px, 1fr))"]{grid-template-columns:1fr!important}.stock-take-summary-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}}@media (max-width:767.98px){.desktop-toggle{display:none}.modal-content{max-width:95vw;min-width:0;padding:20px;width:90vw}.page-actions-bar,.page-filter-bar,.page-filter-bar__main{align-items:stretch;flex-direction:column}.page-filter-bar__toggle{border-top:1px solid var(--border-color);padding-top:10px;width:100%}.page-actions-bar .button-group,.page-actions-bar .filters-group{display:flex;flex-direction:column;gap:10px;width:100%}.page-actions-bar .filters-group>*{width:100%}.stock-take-main-content{flex-direction:block}}@media (max-width:575.98px){h2{font-size:1.5rem}.form-row{gap:15px 15px}.button-group{flex-wrap:wrap}.data-table{font-size:.8rem}.data-table td,.data-table th{padding:6px 8px;white-space:nowrap}}.grn-line-cards-container{display:flex;flex-direction:column;gap:15px}.grn-line-card{background-color:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius)}.grn-card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid var(--border-color);display:flex;font-weight:700;justify-content:space-between;padding:8px 12px}.grn-card-body{display:flex;flex-direction:column;gap:15px;padding:15px}.grn-card-body .form-row{width:100%}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sidebar{background-color:var(--sidebar-background);border-right:1px solid var(--border-color);box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;height:calc(100vh - var(--banner-height));left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:var(--banner-height);transition:width .3s ease-in-out,transform .3s ease-in-out;width:260px;z-index:1030}.sidebar--collapsed{width:60px;width:var(--sidebar-width-collapsed,60px)}.sidebar--collapsed .nav-link-text,.sidebar--collapsed .nav-section-title,.sidebar--collapsed .sidebar-logo-text{opacity:0;overflow:hidden;white-space:nowrap;width:0}.sidebar--collapsed .sidebar-logo-img{margin-bottom:0;max-height:40px}.sidebar--collapsed .nav-link{justify-content:center;padding:12px 10px}.sidebar--collapsed .nav-link .icon{margin-right:0}.sidebar--collapsed .nav-link.active{border-left-color:#0000}.sidebar--collapsed .desktop-toggle{justify-content:center}.sidebar--collapsed .desktop-toggle .icon{transform:rotate(180deg)}@media (max-width:767.98px){.sidebar{box-shadow:4px 0 15px #0000001a;transform:translateX(-100%)}}.sidebar--mobile-open{transform:translateX(0)}.sidebar-overlay{background-color:#00000080;height:100%;left:0;opacity:1;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100%;z-index:1025}.sidebar-header{border-bottom:1px solid var(--border-color);box-sizing:border-box;flex-shrink:0;height:100px;margin-bottom:10px;padding:20px;text-align:center}.sidebar-logo-link{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;text-decoration:none}.sidebar-logo-img{margin-bottom:8px;max-height:50px;transition:max-height .3s ease,opacity .3s ease}.nav-link-text,.nav-section-title,.sidebar-logo-text{opacity:1;transition:opacity .2s ease-in-out,width .2s ease-in-out}.sidebar-nav{flex-grow:1;overflow-y:auto}.sidebar-nav ul{list-style:none;margin:0;padding:0 0 20px}.nav-link{align-items:center;border-left:4px solid #0000;color:var(--text-color-light);display:flex;overflow:hidden;padding:12px 20px;text-decoration:none;transition:background-color .2s ease,color .2s ease;white-space:nowrap}.nav-link:hover{background-color:#f0f0f0;color:var(--primary-color-dark)}.nav-link.active{background-color:#f0f0f0;border-left-color:var(--primary-color);color:var(--primary-color);font-weight:600}.nav-link .icon{font-size:1.2em;margin-right:15px;text-align:center;transition:margin-right .3s ease-in-out;width:20px}.nav-section-title{color:#888;font-size:.85em;font-weight:700;letter-spacing:.5px;margin-top:15px;padding:18px 20px 8px;text-transform:uppercase}.sidebar-footer{background-color:var(--sidebar-background);border-top:1px solid var(--border-color);flex-shrink:0;padding:0}.sidebar-toggle{align-items:center;background:none;border:none;color:var(--text-color-light);cursor:pointer;display:flex;font-size:1em;padding:15px 20px;transition:background-color .2s ease;width:100%}.sidebar-toggle:hover{background-color:#f0f0f0;color:var(--primary-color-dark)}.sidebar-toggle .icon{transition:transform .3s ease-in-out}.unread-badge{background-color:var(--primary-color);border:1px solid #0000;border-radius:10px;color:#fff;font-size:.75em;font-weight:700;margin-left:auto;padding:2px 6px;transition:all .2s ease-in-out}.sidebar--collapsed .unread-badge{opacity:1;position:absolute;right:8px;top:8px}.nav-link.active .unread-badge{background-color:#fff;border:1px solid var(--primary-color);color:var(--primary-color)}.sidebar-nav ul{display:flex;flex-direction:column}.nav-section--sticky{background-color:#f8f9fa;border-bottom:1px solid var(--border-color);padding-top:10px;position:-webkit-sticky;position:sticky;top:-1px;z-index:1}.sidebar--collapsed .nav-section--sticky{padding-top:0}.mobile-header{align-items:center;background-color:var(--sidebar-background);border-bottom:1px solid var(--border-color);box-shadow:0 2px 4px #0000000d;display:flex;height:55px;left:0;padding:0 15px;position:fixed;top:0;width:100%;z-index:1020}.hamburger-button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:24px;padding:10px}.header-title{color:var(--primary-color);font-size:1.2em;font-weight:600;margin-left:15px}@media (min-width:767.99px){.mobile-header{display:none}}.help-modal-overlay{align-items:flex-start;padding-top:5vh}.help-modal-content{display:flex;flex-direction:column;height:80vh;max-width:1200px;min-width:800px;overflow:hidden;padding:0;position:relative;width:80vw}.help-modal-close-btn{background:none;border:none;color:#888;cursor:pointer;font-size:2.5rem;font-weight:300;line-height:1;padding:0;position:absolute;right:15px;top:10px}.help-modal-close-btn:hover{color:#333}.help-modal-grid{display:grid;grid-template-columns:280px 1fr;height:100%;overflow:hidden}.help-modal-sidebar{background-color:#f8f9fa;border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.help-modal-sidebar h4{border-bottom:1px solid var(--border-color);font-size:1.2em;margin:0;padding:20px}.help-search-input{border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9em;margin:20px;padding:8px 12px;width:calc(100% - 40px)}.help-topic-list{flex-grow:1;list-style:none;margin:0 0 20px;padding:0}.help-topic-list li{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 20px;transition:background-color .2s ease}.help-topic-list li:hover{background-color:#e9ecef}.help-topic-list li.active{background-color:var(--primary-color);color:#fff;font-weight:700}.help-modal-main{overflow-y:auto;padding:20px 30px}.help-article h1,.help-article h2,.help-article h3{border-bottom:1px solid var(--border-color);margin-bottom:15px;margin-top:25px;padding-bottom:8px}.help-article h1{font-size:1.8em}.help-article h2{font-size:1.5em}.help-article h3{font-size:1.2em}.help-article p{line-height:1.6}.help-article code{background-color:#e9ecef;border-radius:3px;font-family:monospace;padding:2px 5px}.help-article ol,.help-article ul{padding-left:25px}.help-placeholder{color:#777;margin-top:20vh;text-align:center}:root{--sidebar-width-collapsed:70px;--mobile-header-height:55px;--banner-height:0px}.has-env-banner{--banner-height:25px}.app-layout{background-color:var(--background-color);display:flex;min-height:100vh;min-height:calc(100vh - var(--banner-height))}.main-content{flex-grow:1;margin-left:260px;overflow-y:auto;padding:25px 30px;transition:margin-left .3s ease-in-out}.app-layout--sidebar-collapsed .main-content{margin-left:70px;margin-left:var(--sidebar-width-collapsed)}@media (max-width:767.98px){.app-layout .main-header{top:0;top:var(--banner-height)}.main-content{margin-left:0;padding-left:15px;padding-right:15px;padding-top:75px;padding-top:calc(var(--mobile-header-height) + var(--banner-height) + 20px)}}.auth-container{align-items:center;background-color:var(--background-color);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:var(--content-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 15px #00000014;max-width:420px;padding:30px 40px;width:100%}.auth-header{margin-bottom:25px;text-align:center}.auth-logo{margin-bottom:15px;max-height:60px}.auth-card h2{color:var(--text-color);font-size:1.5em;margin:0}.auth-card .form-group{margin-bottom:22px}.auth-card .form-actions{margin-top:25px}.auth-card button[type=submit]{font-size:1em;margin-top:5px;padding-bottom:10px;padding-top:10px;width:100%}.auth-footer-link{font-size:.9em;margin-top:20px;text-align:center}.auth-footer-link a{color:var(--primary-color);font-weight:600;text-decoration:none}.auth-footer-link a:hover{text-decoration:underline}.auth-card input[type=email],.auth-card input[type=password],.auth-card input[type=text]{margin-top:8px}.admin-page-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1400px;padding:2rem}.content-box{background-color:var(--content-background);border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 2px 4px #0000000d;padding:2rem}.error-text{color:var(--error-color)}.helper-text{color:var(--text-color-light);font-size:.8em;margin-bottom:15px;margin-top:-5px}.template-select-container{align-items:center;display:flex;gap:.5rem}.template-select-container select{flex-grow:1;min-width:0}.refresh-button{flex-shrink:0}.dynamic-vars-container{border-top:1px solid var(--border-color);margin-top:1rem;padding-top:1rem}.page-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.instructions-box{background-color:#fcfcfc;border:1px dashed var(--border-color);border-radius:var(--border-radius);margin-bottom:1.5rem;padding:1rem}.instructions-box h4{margin-top:0}.message-box{border:1px solid;border-radius:var(--border-radius);margin-top:1.5rem;padding:1rem}.message-box.success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.message-box.error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.message-box.warning{background-color:#fff3cd;border-color:#ffeeba;color:#856404}.status-icon{color:#999;font-size:.9em;margin-left:8px}.status-icon.delivered{color:#999}.status-icon.read{color:#53bdeb;font-weight:700}.status-icon.failed{color:var(--error-color);cursor:help;font-weight:700}.page-container--full-height{display:flex;flex-direction:column;height:100vh;padding:0}.page-container--full-height .page-header{align-items:center;background:var(--content-background);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;z-index:20}.inbox-container{border-top:1px solid var(--border-color);display:grid;flex-grow:1;grid-template-columns:300px 1fr;min-height:0}.context-pane,.detail-pane,.list-pane{border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:hidden}.context-pane{border-right:none}.pane-header.sticky-header{background-color:var(--content-background);border-bottom:1px solid var(--border-color);flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;z-index:10}.list-content,.pane-content{flex-grow:1;overflow-y:auto}.list-pane .pane-header{padding:.5rem 1rem}.tabs{margin-bottom:.5rem}.list-item{align-items:center;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:1rem;text-align:left}.list-item:hover{background-color:#f9f9f9}.list-item-content{flex-grow:1}.unread-dot{background-color:var(--primary-color);border-radius:50%;flex-shrink:0;height:8px;opacity:0;transition:opacity .2s ease-in-out;width:8px}.list-item.unread .unread-dot{opacity:1}.list-item.active .unread-dot{opacity:0}.customer-name-line{align-items:center;display:flex;margin-bottom:4px}.list-item strong{font-weight:500}.message-preview{color:var(--text-color-light);font-size:.9em;margin:0}.list-item.unread .message-preview,.list-item.unread strong{color:var(--text-color);font-weight:600}.list-item.active{background-color:#eef}.search-bar-container{display:flex;gap:.5rem;padding-top:.75rem}.search-scope-select{flex-shrink:0;width:100px}.search-input{flex-grow:1;min-width:0}.detail-pane .pane-header{align-items:center;display:flex;gap:1rem;padding:.75rem 1.5rem}.detail-pane .pane-header h3{flex-grow:1;margin:0}.back-button{display:none}.message-history{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.message-wrapper{display:flex}.message{border-radius:18px;max-width:70%;padding:.5rem 1rem}.message.inbound{align-self:flex-start;background-color:#f1f0f0;border-bottom-left-radius:4px}.message.outbound{background-color:#dcf8c6;border-bottom-right-radius:4px;margin-left:auto}.message-content{margin:0 0 .25rem}.message-meta{align-items:center;display:flex;justify-content:flex-end}.message-timestamp{color:var(--text-color-light);font-size:.7em}.reply-box-area{background-color:#f9f9f9;border-top:1px solid var(--border-color);padding:1rem 1.5rem}.context-pane{background-color:#fafafa}.context-pane .pane-header{padding:.75rem 1.5rem}.context-pane h4{margin-top:0}.context-pane .pane-content{padding:1.5rem}.order-history-list{list-style:none;padding:0}.order-history-list li{border-bottom:1px solid #eee;padding:.5rem 0}.order-history-item{align-items:center;display:flex;justify-content:space-between}.order-amount{font-size:.9em;font-weight:700}.high-value-badge{background-color:#fffbe6;border:1px solid #ffe58f;border-radius:10px;color:#8a6d3b;font-size:.7em;font-weight:700;margin-left:8px;padding:2px 8px;vertical-align:middle}.date-separator{align-self:center;background-color:#f0f4f8;border-radius:12px;color:var(--text-color-light);display:inline-block;font-size:.8em;font-weight:700;margin:1rem 0;padding:4px 12px;text-align:center}.header-controls{align-items:center;display:flex;gap:1rem}.threshold-input-group{align-items:center;display:flex;gap:.5rem}.threshold-input-group label{color:var(--text-color-light);font-size:.8em;font-weight:400;margin-bottom:0}.inbox-container.show-detail{grid-template-columns:300px 1fr 350px}@media (max-width:992px){.context-pane{display:none}.inbox-container.show-detail{grid-template-columns:1fr 2fr}}@media (max-width:768px){.inbox-container{grid-template-columns:1fr}.detail-pane{display:none}.inbox-container.show-detail{grid-template-columns:1fr}.inbox-container.show-detail .list-pane{display:none}.in-container.show-detail .detail-pane{display:flex}.back-button{display:inline-flex}}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.modal-content{background-color:#fff;background-color:var(--content-background,#fff);border-radius:4px;border-radius:var(--border-radius,4px);box-shadow:0 5px 15px #0003;max-width:600px;min-width:400px;padding:25px 30px;width:90%;z-index:1051}.modal-content h2,.modal-content h3,.modal-content h4{color:var(--text-color);margin-bottom:15px;margin-top:0}.modal-content p{color:var(--text-color-light);margin-bottom:15px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-preview-box{background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:var(--border-radius);margin:1.5rem 0;padding:1rem}.modal-preview-box h4{color:var(--text-color-light);font-size:.9em;margin-bottom:.5rem;margin-top:0}.modal-preview-box p{line-height:1.5;margin:0}.modal-preview-box strong{color:var(--primary-color)}.modal-preview-box em{color:var(--link-color);font-style:italic}.report-layout{display:flex;flex-direction:column;gap:20px}.report-header{border-bottom:1px solid var(--border-color);padding-bottom:15px}.report-header h2{margin:0 0 5px}.report-header p{color:var(--text-color-light);font-size:1em;margin:0}.report-filters{background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px}.report-filters .form-row{margin-bottom:0}.report-kpi-grid{display:flex;flex-wrap:wrap;gap:20px}.report-content{margin-top:10px}
/*# sourceMappingURL=main.4ad374ef.css.map*/