:root{--sans:"Inter", system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font-family:inherit}html,body{width:100%;height:100%;font-family:var(--sans);margin:0;padding:0;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}button:focus,input:focus,select:focus,textarea:focus,[role=button]:focus{outline:none}.hoverable-row{transition:background-color .2s}.hoverable-row:hover{background-color:#f2f9f0!important}.auth-layout-container{flex:1;width:100%;height:100%;display:flex}.auth-left-panel{height:100%;display:flex;position:relative;overflow:hidden}.auth-right-panel{background-color:#f2f3ed;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.auth-logo-corner{object-fit:contain;width:auto;height:2rem;position:absolute;top:1.5rem;left:1.5rem}@media (width<=768px){.auth-left-panel,.auth-logo-corner{display:none}}.role-selection-container{flex-direction:column;align-items:center;width:100%;max-width:400px;display:flex}.role-logo-header{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.role-logo-img{object-fit:contain;width:auto;height:2.4rem}.role-logo-header span{color:#2e5f2b;font-size:1.8rem;font-weight:600}.role-subtitle{text-align:center;color:#555;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.role-illustration{justify-content:center;align-items:center;width:100%;max-width:250px;height:200px;margin-bottom:2.5rem;display:flex}.role-buttons{flex-direction:column;gap:1rem;width:100%;display:flex}.role-btn{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:8px;justify-content:center;align-items:center;gap:1rem;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:background-color .2s;display:flex;position:relative}.role-btn:hover{background-color:#3cb018}.role-btn svg,.role-btn-icon{position:absolute;left:1.5rem}.role-btn-icon{object-fit:contain;width:20px;height:20px}.role-divider{text-align:center;color:#888;margin:.2rem 0;font-size:.85rem}.role-register{color:#666;margin-top:1.5rem;font-size:.9rem}.role-register a{color:#4caf50;font-weight:600;text-decoration:underline}.role-register a:hover{color:#2e5f2b}@media (width<=768px){.role-subtitle{font-size:.85rem}}.login-inner-container{flex-direction:column;width:100%;max-width:400px;display:flex}.login-header{align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.login-header h2{color:#2e5f2b;letter-spacing:-1px;margin:0;font-size:2.2rem;font-weight:800}.login-title{color:#2e5f2b;text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700}.login-form{flex-direction:column;gap:1.2rem;width:100%;display:flex}.field-group{flex-direction:column;gap:.5rem;display:flex}.field-group label{color:#555;font-size:.9rem;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-wrapper input{background-color:#f5f5f5;border:none;border-radius:8px;outline:none;width:100%;padding:1rem 3rem 1rem 1rem;font-size:.95rem;transition:background-color .2s}.input-wrapper input:focus{background-color:#eaeaea}.input-icon-right{object-fit:contain;color:#888;cursor:pointer;z-index:2;pointer-events:all;-webkit-user-select:none;user-select:none;width:13px;height:13px;position:absolute;right:1rem}.login-error{color:#d32f2f;text-align:center;margin:0;font-size:.85rem}.login-btn{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:1rem;font-size:1rem;font-weight:600;transition:background-color .2s}.login-btn:hover{background-color:#3cb018}.login-btn:disabled{cursor:not-allowed;background-color:#789c77}.login-options-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem;display:flex}.login-fast-login{color:#555;cursor:pointer;align-items:center;gap:8px;display:flex}.forgot-password{text-align:right;margin-top:0}.forgot-password a{color:#555;font-weight:500;text-decoration:none}.forgot-password a:hover{color:#256e05}.login-footer{text-align:center;color:#555;margin-top:10px;font-size:.9rem}.notify-dot{pointer-events:none;background-color:#dc3545;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;right:2px;box-shadow:0 0 0 1px #dc354540}.admin-tab.has-notify,.header-icon-btn.has-notify,.sub-nav-item.has-notify,.nav-item.has-notify{position:relative}.header-icon-btn .notify-dot{top:6px;right:6px}.sub-nav-item .notify-dot{top:50%;right:8px;transform:translateY(-50%)}.nav-item .notify-dot{top:10px;right:12px}.admin-tab .notify-dot{top:6px;right:0}.sidebar{color:#fff;z-index:50;background-color:#143d00;flex-direction:column;flex-shrink:0;width:200px;height:100%;transition:width .3s;display:flex;position:relative}.sidebar.collapsed{width:64px;overflow:visible}.sidebar-toggle-btn{color:#3cb018;cursor:pointer;z-index:100;background-color:#fff;border:1.5px solid #3cb018;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex;position:absolute;top:20px;right:-12px}.sidebar-toggle-btn:hover{background-color:#f0f8ec}.sidebar-nav{flex-direction:column;flex:1;gap:4px;padding:16px 0;display:flex;overflow:visible auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.nav-group{position:relative}.nav-item{cursor:pointer;color:#fff;justify-content:space-between;align-items:center;padding:12px 16px;transition:background-color .2s;display:flex}.nav-item-left{align-items:center;gap:12px;font-size:.85rem;font-weight:500;display:flex}.sidebar-nav-icon{object-fit:contain;flex-shrink:0;width:16px;height:16px}.nav-item:hover{background-color:#ffffff0d}.nav-item.active{color:#fff;background-color:#3cb018}.nav-sub-title{display:none}.nav-sub-menu{background-color:#143d00;flex-direction:column;display:flex}.sub-nav-item{color:#fff;cursor:pointer;align-items:center;padding:10px 16px 10px 48px;font-size:.8rem;transition:color .2s;display:flex;position:relative}.sub-nav-item:hover{color:#8ed659}.sub-nav-item.active{color:#3cb018;font-weight:500}.sub-nav-indicator{color:#3cb018;font-size:.7rem;position:absolute;left:24px}.sidebar-footer{background-color:#103300;padding:16px 0;overflow:visible}.sidebar.collapsed .nav-label,.sidebar.collapsed .nav-chevron,.sidebar.collapsed .nav-sub-menu{display:none}.sidebar.collapsed .sidebar-nav{overflow:visible}.sidebar.collapsed .nav-item{justify-content:center;padding:12px 0}.sidebar.collapsed .nav-item-left{gap:0}.sidebar.collapsed .nav-group:hover .nav-label{color:#fff;white-space:nowrap;z-index:100;pointer-events:none;background-color:#3cb018;border-radius:0 4px 4px 0;align-items:center;height:100%;padding:0 16px;font-weight:600;display:flex;position:absolute;top:0;left:64px;box-shadow:4px 4px 10px #0000001a}.sidebar.collapsed .nav-group:hover .nav-sub-menu{z-index:99;background-color:#143d00;border-radius:0 8px 8px 0;width:200px;padding:8px 0;display:flex;position:absolute;top:0;left:64px;box-shadow:4px 4px 15px #00000026}.sidebar.collapsed .nav-group:has(.nav-sub-menu):hover .nav-label{display:none}.sidebar.collapsed .nav-sub-title{color:#3cb018;border-bottom:1px solid #ffffff0d;margin-bottom:4px;padding:8px 16px 12px;font-size:.9rem;font-weight:700;display:block}.sidebar.collapsed .sub-nav-item{padding:10px 16px 10px 32px}.sidebar.collapsed .sub-nav-indicator{left:12px}.header{z-index:200;background-color:#fff;border-bottom:1px solid #eaeaea;flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:0 24px 0 0;display:flex;position:relative}.header-left{align-items:center;width:200px;padding:0 16px;display:flex}.header-logo-img{object-fit:contain;object-position:left;height:32px}.header-search{flex:1;align-items:center;max-width:400px;margin:0 24px;display:flex;position:relative}.header-search input{background-color:#fbfbfb;border:1px solid #ddd;border-radius:20px;outline:none;width:100%;padding:10px 40px 10px 16px;font-size:.9rem;transition:border-color .2s}.header-search input:focus{background-color:#fff;border-color:#3cb018}.search-icon{color:#999;position:absolute;right:14px}.search-dropdown{z-index:9999;background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;width:100%;max-height:320px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden auto;box-shadow:0 8px 24px #0000001a}.search-result-item{cursor:pointer;color:#333;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;transition:background-color .15s;display:flex}.search-result-item:hover{color:#256e05;background-color:#f0f8ec}.search-result-item:hover .search-result-icon{color:#256e05}.search-result-icon{color:#888;flex-shrink:0;align-items:center;display:flex}.search-result-label{font-weight:500}.header-right{align-items:center;gap:16px;display:flex}.header-icon-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s;display:flex}.header-icon-btn:hover{color:#3cb018}.header-divider{background-color:#ddd;width:1px;height:24px;margin:0 4px}.header-profile{cursor:pointer;align-items:center;gap:10px;display:flex}.header-avatar{color:#256e05;background-color:#e0f0e0;border:1px solid #256e05;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.header-user-info{flex-direction:column;display:flex}.header-username{color:#333;font-size:.9rem;font-weight:700}.header-role{color:#888;font-size:.75rem}.header-profile-container{position:relative}.profile-dropdown{z-index:9999;box-sizing:border-box;background-color:#fff;border:1px solid #eaeaea;border-radius:8px;width:100%;padding:8px;position:absolute;top:calc(100% + 16px);left:0;box-shadow:0 4px 20px #0000001a}.dropdown-item{color:#e53e3e;cursor:pointer;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;font-weight:500;transition:background-color .2s;display:flex}.dropdown-item:hover{background-color:#fff5f5}.toast-container{z-index:99999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast-item{pointer-events:auto;border-radius:10px;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:14px 20px;animation:.35s cubic-bezier(.21,1.02,.73,1) forwards toastSlideIn;display:flex;box-shadow:0 6px 24px #0000002e}.toast-success{color:#e8f5e9;background:#1e3a1e;border:1px solid #2ea11266}.toast-error{color:#fce4e4;background:#3a1e1e;border:1px solid #dc354566}.toast-warning{color:#fff3cd;background:#3a2e1e;border:1px solid #ffc10766}.toast-info{color:#e3f2fd;background:#1e2a3a;border:1px solid #2196f366}.toast-icon-badge{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex}.toast-icon-success{color:#fff;background-color:#2ea112}.toast-icon-error{color:#fff;background-color:#dc3545}.toast-icon-warning{color:#333;background-color:#ffc107}.toast-icon-info{color:#fff;background-color:#2196f3}.toast-message{flex:1;font-size:14px;font-weight:500;line-height:1.4}@keyframes toastSlideIn{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}.dashboard-layout{background-color:#f5f5f5;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.dashboard-body{flex:1;display:flex;overflow:hidden}.dashboard-main{flex-direction:column;flex:1;display:flex;overflow:hidden}.dashboard-content{background-color:#f6f7f6;flex:1;padding:32px;overflow-y:auto}.report-page{flex-direction:column;gap:24px;display:flex}.report-title{color:#2e5f2b;text-transform:uppercase;margin:0;font-size:1.8rem;font-weight:800}.report-card{color:#111;font-size:.95rem;font-weight:600}.report-filter-row{width:100%}.report-stats-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}@media (width<=1024px){.report-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.report-stats-grid{grid-template-columns:1fr}}.admin-tab{color:#666;cursor:pointer;border-bottom:3px solid #0000;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.admin-tab:hover{color:#333}.admin-tab.active{color:#256e05;border-bottom:3px solid #256e05}.admin-tab .badge{color:#fff;background-color:#dc3545;border-radius:10px;padding:2px 6px;font-size:11px;font-weight:700;position:absolute;top:0;right:-10px}.btn-approve{color:#256e05;cursor:pointer;background-color:#0000;border:1px solid #256e05;border-radius:6px;margin-right:8px;padding:6px 16px;font-weight:500;transition:all .2s}.btn-approve:hover{background-color:#e8f5e9}.btn-reject{color:#dc3545;cursor:pointer;background-color:#0000;border:1px solid #dc3545;border-radius:6px;padding:6px 16px;font-weight:500;transition:all .2s}.btn-reject:hover{background-color:#ffe6e6}.staff-login-container{background-color:#f2f3ed;justify-content:center;align-items:center;min-height:100vh;display:flex}.staff-login-card{background-color:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding:24px;display:flex}@media (width>=481px){.staff-login-card{border-radius:12px;min-height:auto;max-height:90vh;margin:20px;padding:32px;overflow-y:auto;box-shadow:0 4px 20px #00000014}.staff-login-card::-webkit-scrollbar{width:6px}.staff-login-card::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}}.staff-login-header{justify-content:center;align-items:center;margin-bottom:10px;display:flex;position:relative}.staff-back-btn{cursor:pointer;color:#256e05;background:0 0;border:1px solid #256e05;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;left:0}.staff-back-btn:hover{background-color:#f0f8ec}.staff-login-title{color:#256e05;margin:0;font-size:1.25rem;font-weight:700}.staff-form-group{margin-bottom:22px;position:relative}.staff-form-group label{color:#256e05;margin-bottom:8px;font-size:.75rem;font-weight:500;display:block}.staff-email-input-wrapper{align-items:center;display:flex;position:relative}.staff-email-input-wrapper input{color:#333;box-sizing:border-box;background-color:#f5f5f5;border:none;border-radius:8px;outline:none;width:100%;padding:14px 40px 14px 14px;font-size:.75rem;transition:box-shadow .2s}.staff-email-input-wrapper input:focus{box-shadow:0 0 0 2px #3cb0184d}.staff-clear-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.staff-clear-btn:hover{color:#333}.staff-pin-grid{justify-content:space-between;gap:8px;width:100%;display:flex}.staff-pin-input{aspect-ratio:5/6;text-align:center;color:#333;background-color:#f5f5f5;border:none;border-radius:8px;outline:none;flex:1;width:0;min-width:0;max-width:52px;padding:0;font-size:1.5rem;font-weight:600;transition:box-shadow .2s,background-color .2s}.staff-pin-input:focus{background-color:#fff;box-shadow:0 0 0 2px #3cb01880}.staff-pin-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.staff-pin-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.staff-pin-input[type=number]{-moz-appearance:textfield}.staff-modal-input{color:#333;box-sizing:border-box;background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;outline:none;width:100%;padding:14px;font-size:.875rem;transition:box-shadow .2s,border-color .2s}.staff-modal-input:focus{border-color:#256e05;box-shadow:0 0 0 2px #3cb01833}.staff-options-row{justify-content:space-between;align-items:center;margin-bottom:24px;font-size:.75rem;display:flex}.staff-fast-login{color:#333;cursor:pointer;align-items:center;gap:8px;display:flex}.staff-fast-login input[type=checkbox]{cursor:pointer;accent-color:#256e05;width:16px;height:16px}.staff-forgot-pin{color:#3cb018;font-weight:600;text-decoration:none}.staff-forgot-pin:hover{text-decoration:underline}.staff-submit-btn{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:8px;width:100%;margin-bottom:0;padding:14px;font-size:1rem;font-weight:600;transition:background-color .2s}.staff-submit-btn:hover{background-color:#3cb018}.staff-footer{text-align:center;color:#333;margin-top:auto;font-size:.75rem}.staff-footer a{color:#256e05;font-weight:600;text-decoration:none}.staff-footer a:hover{text-decoration:underline}.custom-select-container{color:#333;min-width:140px;font-family:inherit;font-size:13px;display:inline-block;position:relative}.custom-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #ddd;border-radius:6px;justify-content:space-between;align-items:center;height:100%;padding:8px 12px;transition:all .2s;display:flex}.custom-select-container.filter-select .custom-select-trigger{padding:6px 12px}.custom-select-container.open .custom-select-trigger{border-color:#256e05;box-shadow:0 0 0 2px #256e051a}.custom-select-container.disabled .custom-select-trigger{cursor:not-allowed;color:#888;background-color:#f5f5f5}.custom-select-value{white-space:nowrap;text-overflow:ellipsis;flex:1;padding-right:8px;overflow:hidden}.custom-select-icon{color:#888;flex-shrink:0;transition:transform .2s}.custom-select-container.open .custom-select-icon{transform:rotate(180deg)}.custom-select-dropdown{z-index:1000;background-color:#fff;border:1px solid #ddd;border-radius:6px;width:100%;min-width:max-content;max-height:250px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.custom-select-dropdown::-webkit-scrollbar{width:4px}.custom-select-dropdown::-webkit-scrollbar-track{background:0 0}.custom-select-dropdown::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.custom-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;padding:8px 12px;transition:background-color .15s,color .15s}.custom-select-option:hover{color:#256e05;background-color:#f2f9f0}.custom-select-option.selected{color:#256e05;background-color:#e8f5e9;font-weight:500}.staff-list-container{background-color:#0000;flex-direction:column;height:calc(100vh - 128px);font-family:Inter,sans-serif;display:flex;overflow:hidden}.staff-list-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.staff-list-title{color:#256e05;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:12px;margin:0;padding-top:8px;font-size:28px;font-weight:800;line-height:1.4;display:flex}.staff-refresh-badge{color:#256e05;text-transform:none;background:#f0f7eb;border:1px solid #c8e6b8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.staff-table-container.panel-is-refreshing{opacity:.92}.btn-add-staff{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:6px;height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add-staff:hover{background-color:#1c5204}.staff-filter-bar{background-color:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.staff-search-wrapper{flex:2;min-width:200px;position:relative}.staff-search-icon{color:#999;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.staff-search-input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;outline:none;width:100%;padding:10px 10px 10px 40px;font-size:14px;transition:border-color .2s}.staff-search-input:focus{border-color:#256e05}.staff-filter-select{color:#555;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border-radius:6px;outline:none;flex:1;min-width:160px;font-size:14px}.staff-filter-select:focus{border-color:#256e05}.staff-results-count{color:#666;white-space:nowrap;margin-left:auto;font-size:14px}.staff-count-number{color:#256e05;font-weight:600}.staff-table-container{background-color:#fff;border-radius:8px;flex:1;min-height:0;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.staff-table-container::-webkit-scrollbar{width:4px}.staff-table-container::-webkit-scrollbar-track{background:0 0}.staff-table-container::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.staff-table-container::-webkit-scrollbar-button{display:none}.staff-table{border-collapse:collapse;text-align:left;width:100%}.staff-table th{color:#fff;text-align:left;z-index:10;background-color:#256e05;padding:16px;font-size:14px;font-weight:600;position:sticky;top:0}.staff-table td{color:#444;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:14px 16px;font-size:14px}.staff-avatar-placeholder{background-color:#f0f0f0;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin:0 auto;display:flex}.staff-table tbody tr:hover{background-color:#fcfcfc}.staff-name{color:#111;font-weight:600}.status-badge{white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.add-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.add-modal-content{background-color:#fff;border-radius:8px;flex-direction:column;width:500px;max-width:90vw;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000026}.delete-modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:550px;max-width:90vw;padding:30px;display:flex;box-shadow:0 4px 20px #00000026}.btn-close-modal{cursor:pointer;color:#666;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.btn-close-modal:hover{color:#333;background-color:#f5f5f5}.modal-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:border-color .2s}.modal-input:focus{border-color:#256e05}select.modal-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px}.add-modal-footer{background-color:#fafafa;border-top:1px solid #eee;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.btn-cancel{color:#555;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #ddd;border-radius:6px;flex:1;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.btn-cancel:hover{color:#333;background-color:#f5f5f5}.btn-save{color:#fff;cursor:pointer;white-space:nowrap;background-color:#256e05;border:none;border-radius:6px;flex:1;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-save:hover:not(:disabled){background-color:#1c5204}.scrollable-list-container{border:1px solid #ddd;border-radius:6px;max-height:250px;margin-top:10px;overflow-y:auto}.scrollable-list-container table{border-collapse:collapse;width:100%}.scrollable-list-container th,.scrollable-list-container td{text-align:left;border-bottom:1px solid #eee;padding:12px 16px;font-size:14px}.scrollable-list-container th{color:#555;z-index:1;background-color:#fcfcfc;border-bottom:2px solid #eee;font-weight:600;position:sticky;top:0}.reject-reason-input{resize:vertical;border:1px solid #ccc;border-radius:6px;width:100%;min-height:80px;margin-top:5px;padding:10px;font-family:inherit;font-size:14px}.reject-reason-input:focus{border-color:#256e05;outline:none}.product-actions{gap:8px;display:flex}.bottom-nav{z-index:1000;background-color:#fff;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;height:65px;padding:0 10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #00000008}.bottom-nav-item{color:#a0a0a0;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;font-size:11px;font-weight:500;text-decoration:none;display:flex;position:relative}.bottom-nav-item.active{color:#349409}.bottom-nav-indicator{background-color:#349409;border-radius:0 0 3px 3px;width:24px;height:3px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav-icon{margin-bottom:4px}.bottom-nav-center-wrapper{-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1.2;justify-content:flex-end;align-items:center;height:100%;padding-bottom:10px;text-decoration:none;display:flex;position:relative}.bottom-nav-center-circle{z-index:2;background-color:#349409;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:absolute;top:-24px;box-shadow:0 0 0 6px #f2f3ed,0 4px 10px #3494094d}.bottom-nav-center-wrapper:active .bottom-nav-center-circle{transform:scale(.95)}.bottom-nav-center-text{color:#a0a0a0;font-size:11px;font-weight:500}.bottom-nav-center-wrapper.active .bottom-nav-center-text{color:#349409}.pos-layout{background-color:#f2f3ed;flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.pos-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.pos-home-container{background-color:#f4f6f3;flex-direction:column;flex:1;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.pos-home-header-fixed{z-index:10;background-color:#f4f6f3;flex-shrink:0;padding:16px 16px 0}.pos-home-content-scroll{flex:1;padding:0 16px 85px;overflow-y:auto}.pos-home-content-scroll::-webkit-scrollbar{display:none}.pos-home-title{text-align:center;color:#111;margin:0 0 16px;font-size:20px;font-weight:700}.home-filter-container{flex-direction:column;align-items:stretch;gap:12px;margin-bottom:16px;display:flex}.time-filter-wrapper{background-color:#fff;border-radius:20px;flex:1;align-items:center;gap:8px;padding:2px 12px;display:flex;box-shadow:0 2px 8px #0000000a}.time-filter-select{color:#111;appearance:none;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14px;font-weight:600}.pos-custom-date-range{gap:8px;width:100%;animation:.3s ease-in-out fadeIn;display:flex}.pos-date-input-wrapper{background-color:#fff;border-radius:12px;flex:1;align-items:center;gap:6px;min-width:0;padding:6px 8px;display:flex;box-shadow:0 2px 8px #0000000a}.pos-date-label{color:#777;white-space:nowrap;font-size:12px;font-weight:600}.pos-date-input{color:#111;cursor:pointer;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:0;font-family:inherit;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.home-summary-cards{gap:10px;margin-bottom:20px;display:flex}.summary-card{text-align:center;background-color:#fff;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:12px 4px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.summary-card-top-border{height:4px;position:absolute;top:0;left:0;right:0}.summary-card.revenue .summary-card-top-border{background-color:#3b9016}.summary-card.orders .summary-card-top-border{background-color:#d32f2f}.summary-card.products .summary-card-top-border{background-color:#3b9016}.summary-icon-row{align-items:center;gap:4px;margin-top:4px;margin-bottom:8px;display:flex}.summary-icon-circle{border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.summary-card.revenue .summary-icon-circle{color:#3b9016;background-color:#eafbe4}.summary-card.orders .summary-icon-circle{color:#d32f2f;background-color:#ffebee}.summary-card.products .summary-icon-circle{color:#3b9016;background-color:#eafbe4}.summary-title{color:#777;font-size:10px;font-weight:500}.summary-value{margin-bottom:6px;font-size:16px;font-weight:800}.summary-card.revenue .summary-value{color:#3b9016}.summary-card.orders .summary-value{color:#d32f2f}.summary-card.products .summary-value{color:#3b9016}.summary-badge-row{align-items:center;gap:4px;display:flex}.summary-badge{border-radius:4px;padding:2px 4px;font-size:9px;font-weight:700}.summary-badge.positive{color:#3b9016;background-color:#eafbe4}.summary-badge.negative{color:#d32f2f;background-color:#ffebee}.summary-compare-text{color:#999;font-size:8px}.home-chart-card{background-color:#fff;border-radius:12px;margin-bottom:16px;padding:16px;box-shadow:0 2px 8px #0000000a}.chart-title{color:#111;font-size:14px;font-weight:700}.chart-content-col{flex-direction:column;align-items:center;gap:10px;margin-top:10px;display:flex}.chart-content-row{justify-content:space-between;align-items:center;display:flex}.chart-legend{flex-direction:column;gap:14px;width:100%;display:flex}.legend-item{align-items:center;gap:8px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-name{color:#111;font-size:13px;font-weight:600}.legend-sub{color:#777;font-size:12px}.legend-percent{color:#111;margin-left:auto;font-size:13px;font-weight:600}.pos-type-chart-wrapper{justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.payment-chart-wrapper{justify-content:space-between;align-items:center;height:160px;margin-top:16px;display:flex;position:relative}.payment-legend-left,.payment-legend-right{width:30%;position:relative}.payment-legend-left{text-align:left}.payment-legend-right{text-align:right}.payment-legend-title{margin-bottom:4px;font-size:14px;font-weight:600}.payment-legend-sub{color:#777;font-size:11px}.payment-line{background-color:#5fc63e;height:1px;margin:6px 0;position:relative}.payment-legend-left .payment-line{margin-right:-20px}.payment-legend-right .payment-line{background-color:#2b6a0f;margin-left:-20px}.payment-chart-container{width:100%;min-height:180px}.payment-legend{margin-top:8px;padding:0 8px 8px}.home-table-card{background-color:#fff;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.home-table-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.home-table-title{color:#111;margin:0;font-size:15px;font-weight:700}.home-table-count{color:#666;font-size:13px}.home-table-count span{color:#3b9016;font-weight:600}.home-table{border-collapse:collapse;table-layout:fixed;width:100%}.home-th{color:#fff;text-align:center;white-space:nowrap;background-color:#2b6a0f;padding:12px 8px;font-size:12px;font-weight:600}.home-th-id{text-align:left;width:25%;padding-left:16px}.home-th-time{width:30%}.home-th-amount{width:25%}.home-th-status{text-align:right;width:20%;padding-right:16px}.home-td{color:#333;text-align:center;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 8px;font-size:12px}.home-td-id{text-align:left;padding-left:16px;font-weight:600}.home-td-time{color:#111;margin-bottom:2px;font-weight:500}.home-td-time-sub{color:#777;font-size:10px}.home-td-amount{font-weight:600}.home-td-status{text-align:right;padding-right:16px}.home-status-badge{color:#3b9016;white-space:nowrap;background-color:#eafbe4;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.clickable-row{cursor:pointer;transition:background-color .2s}.clickable-row:hover{background-color:#f9fdf9}.pos-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.pos-modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:90%;max-width:400px;animation:.2s slideUp;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pos-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pos-modal-title{color:#2b6a0f;margin:0;font-size:24px;font-weight:700}.pos-modal-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.pos-modal-body{max-height:60vh;padding:20px;overflow-y:auto}.pos-modal-info-grid{grid-template-columns:100px 1fr;row-gap:12px;margin-bottom:24px;display:grid}.info-label{color:#777;font-size:14px;font-weight:500}.info-value{color:#111;align-items:center;font-size:14px;font-weight:500;display:flex}.pos-modal-status-badge{color:#3b9016;background-color:#eafbe4;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600}.pos-modal-products-section{border-top:1px solid #eee;padding-top:16px}.pos-modal-products-title{color:#111;margin:0 0 12px;font-size:16px;font-weight:700}.pos-modal-products-table{width:100%}.products-header-row{color:#fff;background-color:#2b6a0f;border-radius:6px;margin-bottom:8px;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.products-header-row .col-name{text-align:left;flex:2}.products-header-row .col-price{text-align:center;flex:1}.products-header-row .col-qty{text-align:center;width:40px}.products-header-row .col-total{text-align:right;flex:1}.products-list{flex-direction:column;gap:8px;display:flex}.product-row{background-color:#f1f8f1;border-radius:6px;align-items:center;padding:10px 12px;display:flex}.product-row .col-name{flex-direction:column;flex:2;display:flex}.p-name{color:#111;margin-bottom:2px;font-size:14px;font-weight:500}.p-type{color:#555;font-size:11px}.product-row .col-price{text-align:center;color:#111;flex:1;font-size:13px}.product-row .col-qty{text-align:center;color:#111;width:40px;font-size:13px}.product-row .col-total{text-align:right;color:#111;flex:1;font-size:13px}.pos-modal-footer{background-color:#f5f5f5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.footer-label{color:#111;font-size:18px;font-weight:700}.footer-amount{color:#d32f2f;font-size:18px;font-weight:700}.chart-empty-hint{text-align:center;color:#888;margin:0;padding:24px 16px;font-size:13px}.pos-tables-page{box-sizing:border-box;background-color:#f4f5f2;flex-direction:column;height:100%;padding:12px 16px;display:flex;overflow:hidden}.tables-header-centered{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex;position:relative}.tables-title-text{color:#111;text-align:center;flex:1;margin:0;font-size:22px;font-weight:800}.btn-refresh-subtle{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background-color .2s;display:flex}.btn-refresh-subtle:active{background-color:#0000000d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinning{animation:1s linear infinite spin}.tables-search-row{flex-shrink:0;align-items:center;gap:12px;margin-bottom:16px;display:flex}.tables-search-container{background-color:#fff;border-radius:24px;flex:1;align-items:center;min-width:0;padding:4px 8px 4px 16px;display:flex;box-shadow:0 2px 8px #0000000d}.tables-search-input{color:#333;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:14px}.tables-filter-btn{cursor:pointer;background-color:#349409;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 3px 8px #34940940}.tables-filter-btn:active{background-color:#257005;transform:scale(.95)}.tables-tab-content{flex:1;padding-bottom:80px;overflow-y:auto}.filter-pills-container{flex-shrink:0;align-items:center;gap:8px;width:100%;margin-bottom:20px;display:flex}.filter-pills-scroll{scrollbar-width:none;flex:1;gap:8px;display:flex;overflow-x:auto}.filter-pills-scroll::-webkit-scrollbar{display:none}.pill-arrow-btn{cursor:pointer;color:#888;background-color:#fff;border:1.5px solid #eaeaea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;line-height:1;display:flex}.pos-tables-page .pos-cards-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.pos-tables-page .table-card-box{background-color:#fff;border:2px solid #b1b1b1;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 8px #00000005}.pos-tables-page .table-card-box:active{transform:scale(.98)}.pos-tables-page .table-card-box.free{border-color:#b1b1b1}.pos-tables-page .table-card-box.in-use{border-color:#349409}.pos-tables-page .table-card-box.near-overdue{border-color:#f2bf3d}.pos-tables-page .table-card-box.overdue{border-color:#c42326}.pos-tables-page .table-card-box.locked{opacity:.85;border-color:#b1b1b1}.pos-tables-page .table-card-header{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:16px;font-weight:800;display:flex}.pos-tables-page .free .table-card-header{background-color:#b1b1b1}.pos-tables-page .in-use .table-card-header{background-color:#349409}.pos-tables-page .near-overdue .table-card-header{background-color:#f2bf3d}.pos-tables-page .overdue .table-card-header{background-color:#c42326}.pos-tables-page .locked .table-card-header{background-color:#b1b1b1}.pos-tables-page .table-card-number{font-size:18px;font-weight:800}.pos-tables-page .table-card-badge-tag{color:inherit;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.pos-tables-page .free .table-card-badge-tag{color:#b1b1b1}.pos-tables-page .in-use .table-card-badge-tag{color:#349409}.pos-tables-page .near-overdue .table-card-badge-tag{color:#f2bf3d}.pos-tables-page .overdue .table-card-badge-tag{color:#c42326}.pos-tables-page .locked .table-card-badge-tag{color:#b1b1b1}.pos-tables-page .table-card-body{text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;min-height:0;padding:10px;display:flex}.pos-tables-page .table-card-timer{letter-spacing:.5px;margin-top:4px;font-size:17px;font-weight:800}.pos-tables-page .free .table-card-timer{color:#b1b1b1}.pos-tables-page .in-use .table-card-timer{color:#349409}.pos-tables-page .near-overdue .table-card-timer{color:#f2bf3d}.pos-tables-page .overdue .table-card-timer{color:#c42326}.pos-tables-page .locked .table-card-timer{color:#b1b1b1}.pos-tables-page .table-card-subtext{color:#a0a0a0;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:2px;font-size:10px;font-weight:600;overflow:hidden}.pos-tables-page .table-card-actions{gap:6px;width:100%;margin-top:8px;display:flex}.pos-tables-page .card-plus-btn{cursor:pointer;background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;line-height:1;transition:all .2s;display:flex}.pos-tables-page .in-use .card-plus-btn{color:#349409;border:1.5px solid #349409}.pos-tables-page .near-overdue .card-plus-btn{color:#f2bf3d;border:1.5px solid #f2bf3d}.pos-tables-page .overdue .card-plus-btn{color:#c42326;border:1.5px solid #c42326}.pos-tables-page .card-plus-btn:active{background-color:#0000000d}.pos-tables-page .card-checkout-btn{cursor:pointer;letter-spacing:.3px;background-color:#fff;border-radius:8px;flex:1;height:32px;font-size:12px;font-weight:800;transition:all .2s}.pos-tables-page .in-use .card-checkout-btn{color:#349409;border:1.5px solid #349409}.pos-tables-page .in-use .card-checkout-btn:hover{color:#fff;background-color:#349409}.pos-tables-page .near-overdue .card-checkout-btn{color:#b08d00;border:1.5px solid #f2bf3d}.pos-tables-page .near-overdue .card-checkout-btn:hover{background-color:#f2bf3d0f}.pos-tables-page .overdue .card-checkout-btn{color:#c42326;border:1.5px solid #c42326}.pos-tables-page .overdue .card-checkout-btn:hover{color:#fff;background-color:#c42326}.pos-tables-page .card-wide-plus-btn{color:#b1b1b1;cursor:pointer;background-color:#fff;border:1.5px solid #b1b1b1;border-radius:8px;justify-content:center;align-items:center;width:100%;height:32px;transition:all .2s;display:flex}.pos-tables-page .card-wide-plus-btn:active{background-color:#eaeaea}.pos-tables-page .card-wide-unlock-btn{color:#666;cursor:pointer;background-color:#fff;border:1.5px solid #b1b1b1;border-radius:8px;width:100%;height:32px;font-size:11px;font-weight:800;transition:all .2s}.pos-tables-page .card-wide-unlock-btn:active{background-color:#eaeaea}.tables-modal-overlay{z-index:20000;box-sizing:border-box;background-color:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tables-detail-sheet{background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.2s ease-out forwards scaleUp;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.tables-sheet-header{border-bottom:1.5px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.tables-sheet-title{color:#111;margin:0;font-size:16px;font-weight:800}.tables-sheet-close{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.tables-sheet-close:hover{color:#111}.tables-sheet-body{flex-direction:column;flex:1;padding:20px 14px;display:flex;overflow:hidden}.tables-products-table-wrapper{flex:1;width:100%;overflow:hidden auto}.tables-products-table th{color:#fff;text-transform:uppercase;background-color:#306b0e;padding:10px 8px;font-weight:600}.tables-sheet-actions{display:flex}.tables-btn-checkout{color:#fff;cursor:pointer;letter-spacing:.5px;background-color:#c42326;border:none;border-radius:12px;width:100%;padding:14px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 4px 12px #c4232640}.tables-btn-checkout:active{background-color:#a31b1e;transform:scale(.98)}.tables-confirm-box{background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:320px;padding:28px 24px 24px;animation:.2s ease-out tables-pop-in;display:flex;box-shadow:0 12px 40px #0003}@keyframes tables-pop-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.tables-confirm-icon{font-size:40px;line-height:1}.tables-success-icon{color:#fff;background-color:#349409;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;font-weight:700;display:flex}.tables-confirm-title{color:#111;text-align:center;margin:0;font-size:18px;font-weight:800}.tables-confirm-message{color:#555;text-align:center;margin:0;font-size:14px;line-height:1.6}.tables-confirm-actions{gap:10px;width:100%;margin-top:4px;display:flex}.tables-confirm-cancel{color:#555;cursor:pointer;letter-spacing:.5px;background:#fff;border:1.5px solid #ddd;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700}.tables-confirm-ok{color:#fff;cursor:pointer;letter-spacing:.5px;background:#349409;border:none;border-radius:12px;flex:1;padding:12px;font-size:14px;font-weight:700;box-shadow:0 4px 12px #3494094d}.tables-confirm-ok:disabled,.tables-confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.pos-sales-page{box-sizing:border-box;background-color:#f2f3ed;flex-direction:column;height:100%;display:flex;overflow:hidden}.pos-sales-page *{box-sizing:border-box}.pos-top-section{flex-shrink:0;width:100%;padding:16px 16px 0}.pos-header{justify-content:center;align-items:center;margin-top:4px;margin-bottom:15px;display:flex;position:relative}.pos-title{color:#111;margin:0;font-size:20px;font-weight:700}.pos-register-icon{justify-content:center;align-items:center;display:flex;position:absolute;right:0}.pos-badge{color:#fff;background-color:#c62828;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-6px;right:-8px}.pos-search-container{background-color:#fff;border-radius:24px;gap:12px;margin-bottom:15px;padding:4px 6px;display:flex;box-shadow:0 2px 8px #00000008}.pos-search-box{flex:1;align-items:center;padding-left:12px;display:flex}.pos-search-input{background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px;font-size:14px}.pos-search-input::placeholder{color:#b0b0b0}.pos-search-clear-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:4px;padding:4px;display:flex}.pos-filter-btn{background-color:#349409;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;margin-right:2px;display:flex;box-shadow:0 2px 6px #3494094d}.pos-categories{-webkit-overflow-scrolling:touch;gap:12px;margin-bottom:15px;padding-bottom:8px;display:flex;overflow-x:auto}.pos-categories::-webkit-scrollbar{display:none}.pos-cat-btn{white-space:nowrap;color:#a0a0a0;cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:500}.pos-cat-btn.active{color:#fff;background-color:#349409;border-color:#349409;box-shadow:0 2px 6px #3494094d}.pos-product-grid-scroll{-webkit-overflow-scrolling:touch;flex:1;padding:0 16px 96px;overflow-y:auto}.pos-product-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.pos-product-card{background-color:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000008}.pos-product-card.out-of-stock{opacity:.6;cursor:not-allowed;filter:grayscale(80%)}.pos-product-img{aspect-ratio:1;background-color:#d8d8d8;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.pos-out-of-stock-overlay{color:#fff;white-space:nowrap;letter-spacing:.5px;background-color:#000000b3;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pos-product-initials{color:#ffffffe6;letter-spacing:1px;text-shadow:0 1px 4px #00000026;font-size:28px;font-weight:800}.pos-product-info{text-align:center;color:#111;padding:10px 8px;font-size:13px;font-weight:600}.pos-loading,.pos-empty{text-align:center;color:#a0a0a0;padding:40px 16px;font-size:14px}.pos-modal-overlay{z-index:20000;box-sizing:border-box;background-color:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.pos-bottom-sheet{background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:480px;max-height:90vh;animation:.25s ease-out forwards scaleUp;display:flex;box-shadow:0 10px 30px #0003}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pos-sheet-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pos-sheet-title{color:#111;margin:0;font-size:16px;font-weight:700}.pos-sheet-close{cursor:pointer;background:0 0;border:none;padding:4px;display:flex}.pos-sheet-body{-webkit-overflow-scrolling:touch;padding:12px 16px;overflow-y:auto}.pos-sheet-product-info{align-items:center;gap:16px;margin-bottom:16px;display:flex}.pos-sheet-img{background-color:#eee;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.pos-sheet-img .pos-product-initials{font-size:16px}.pos-sheet-product-details{flex:1}.pos-sheet-section{margin-bottom:16px}.pos-sheet-section-title{color:#111;margin:0 0 12px;font-size:14px;font-weight:700}.pos-sheet-options{gap:12px;display:flex}.pos-option-btn{color:#555;cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.pos-option-btn.active{color:#349409;background-color:#3494091a;border-color:#349409}.pos-sheet-textarea{resize:none;box-sizing:border-box;background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;outline:none;width:100%;padding:12px;font-size:14px}.pos-sheet-textarea:focus{border-color:#349409}.pos-quantity-section{justify-content:space-between;align-items:center;display:flex}.pos-quantity-control{align-items:center;gap:12px;display:flex}.pos-quantity-btn{cursor:pointer;background-color:#349409;border:none;border-radius:6px;justify-content:center;align-items:center;width:25px;height:25px;display:flex;box-shadow:0 2px 4px #34940933}.pos-quantity-text{text-align:center;min-width:20px;font-size:16px;font-weight:700}.pos-sheet-footer{border-top:1px solid #eee;flex-direction:column;gap:12px;padding:12px 16px;display:flex}.pos-sheet-total{color:#111;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;display:flex}.pos-sheet-price{color:#c62828;font-size:18px}.pos-sheet-actions{gap:12px;display:flex}.pos-sheet-btn-outline{color:#349409;cursor:pointer;background-color:#fff;border:2px solid #349409;border-radius:12px;flex:1;padding:12px;font-size:16px;font-weight:700}.pos-sheet-btn-solid{color:#fff;cursor:pointer;background-color:#349409;border:2px solid #349409;border-radius:12px;flex:1;padding:12px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #3494094d}.pos-cart-overlay{z-index:10000;background-color:#f2f3ed;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.pos-cart-container{background-color:#0000;flex-direction:column;width:100%;max-width:600px;height:100%;display:flex}.pos-cart-header{justify-content:space-between;align-items:center;padding:16px;display:flex;position:relative}.pos-cart-back-btn,.pos-cart-action-btn{cursor:pointer;background-color:#fff;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pos-cart-action-btn{border-radius:8px}.pos-cart-title{color:#111;margin:0;font-size:18px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}.pos-cart-header-actions{gap:8px;display:flex}.pos-cart-body{flex:1;padding:16px;overflow-y:auto}.pos-cart-list{flex-direction:column;gap:12px;display:flex}.pos-cart-item{background-color:#fff;border-radius:12px;gap:16px;padding:12px;display:flex;box-shadow:0 2px 8px #0000000d}.pos-cart-item-img{background-color:#eee;border-radius:8px;flex-shrink:0;width:64px;height:64px;overflow:hidden}.pos-cart-item-img img{object-fit:cover;width:100%;height:100%}.pos-cart-item-details{flex-direction:column;flex:1;justify-content:space-between;display:flex}.pos-cart-item-header{justify-content:space-between;align-items:flex-start;display:flex}.pos-cart-item-name{color:#111;margin:0;font-size:14px;font-weight:500}.pos-cart-item-edit-btn{cursor:pointer;background:0 0;border:none;padding:0}.pos-cart-item-price{color:#349409;margin:4px 0;font-size:14px;font-weight:700}.pos-cart-item-actions{justify-content:space-between;align-items:center;display:flex}.pos-cart-item-delete-btn{cursor:pointer;background:0 0;border:none;padding:0}.pos-cart-footer{background-color:#f2f3ed;flex-direction:column;gap:16px;padding:16px;display:flex}.pos-cart-promo-btn{color:#fff;cursor:pointer;background-color:#349409;border:none;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:16px;font-weight:600;display:flex}.pos-cart-summary{flex-direction:column;gap:8px;display:flex}.pos-cart-summary-row{color:#333;justify-content:space-between;font-size:14px;display:flex}.pos-cart-divider{border-top:1px dashed #ccc;margin:8px 0}.pos-cart-total-row{color:#111;align-items:center;font-size:18px;font-weight:700}.pos-cart-final-total{font-size:20px}.pos-cart-checkout-btn{color:#fff;cursor:pointer;background-color:#349409;border:none;border-radius:8px;width:100%;padding:16px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #3494094d}.pos-confirm-overlay{z-index:99999;box-sizing:border-box;background-color:#00000080;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pos-confirm-box{background-color:#fff;border-radius:16px;width:100%;max-width:320px;padding:24px;animation:.2s ease-out forwards scaleUp;box-shadow:0 10px 30px #0003}.pos-confirm-message{color:#111;text-align:center;margin:0 0 24px;font-size:14px;line-height:1.5}.pos-confirm-actions{gap:12px;display:flex}.pos-confirm-cancel{color:#555;cursor:pointer;background-color:#fff;border:1.5px solid #ddd;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:600}.pos-confirm-ok{color:#fff;cursor:pointer;background-color:#d32f2f;border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700;box-shadow:0 4px 10px #d32f2f4d}.pos-edit-all-sheet{background-color:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:360px;max-height:80vh;animation:.2s ease-out forwards scaleUp;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000026}.pos-edit-all-header{border-bottom:1px solid #eaeaea;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pos-edit-all-title{color:#111;margin:0;font-size:16px;font-weight:700}.pos-edit-all-badge{color:#349409;background-color:#3494091a;border-radius:12px;justify-content:center;align-items:center;padding:2px 8px;font-size:13px;font-weight:600;display:inline-flex}.pos-edit-all-close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.pos-edit-all-body{flex:1;padding:10px 24px;overflow-y:auto}.pos-edit-all-item{flex-direction:column;gap:12px;padding:16px 0;display:flex}.pos-edit-all-row-first{justify-content:space-between;align-items:center;display:flex}.pos-edit-all-name{color:#111;font-size:15px;font-weight:600}.pos-edit-all-price{color:#349409;font-size:15px;font-weight:700}.pos-edit-all-row-second{align-items:center;gap:16px;display:flex}.pos-edit-all-select-wrapper{align-items:center;display:flex;position:relative}.pos-edit-all-select{appearance:none;color:#349409;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23349409' d='M0 0.5L5 5.5L10 0.5H0Z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 6px;border:1.5px solid #349409;border-radius:8px;outline:none;padding:6px 28px 6px 12px;font-size:14px;font-weight:600}.pos-edit-all-radios{align-items:center;gap:16px;display:flex}.pos-edit-all-radio-label{color:#111;cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:500;display:flex}.pos-edit-all-radios.disabled .pos-edit-all-radio-label{color:#ccc;cursor:default}.pos-edit-all-radio-label input[type=radio]{display:none}.pos-radio-circle{box-sizing:border-box;border:1.5px solid #349409;border-radius:50%;width:18px;height:18px;transition:all .2s;display:inline-block;position:relative}.pos-edit-all-radio-label input[type=radio]:checked+.pos-radio-circle:after{content:"";background-color:#349409;border-radius:50%;width:10px;height:10px;position:absolute;top:3px;left:3px}.pos-edit-all-radios.disabled .pos-radio-circle{border-color:#ddd}.pos-edit-all-radios.disabled input[type=radio]:checked+.pos-radio-circle:after{background-color:#ddd}.pos-edit-all-divider{background-color:#eaeaea;width:100%;height:1px}.pos-edit-all-footer{padding:16px 24px 24px}.pos-edit-all-save-btn{color:#fff;cursor:pointer;text-align:center;background-color:#349409;border:none;border-radius:12px;width:100%;padding:12px;font-size:16px;font-weight:700;box-shadow:0 4px 12px #3494094d}.pos-checkout-overlay{z-index:30000;background-color:#f2f3ed;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.pos-checkout-container{background-color:#f2f3ed;flex-direction:column;width:100%;max-width:480px;height:100%;display:flex;overflow:hidden;box-shadow:0 0 20px #0000001a}.pos-checkout-header{background-color:#f2f3ed;flex-shrink:0;justify-content:space-between;align-items:center;height:52px;padding:16px 16px 0;display:flex}.pos-checkout-back-btn{cursor:pointer;background-color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 5px #0000000d}.pos-checkout-title{color:#111;margin:0;font-size:17px;font-weight:700}.pos-checkout-total-card{background-color:#fff;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;margin:8px 16px;padding:12px 16px;display:flex;box-shadow:0 2px 8px #00000005}.pos-checkout-total-label{color:#555;font-size:15px;font-weight:600}.pos-checkout-total-value{color:#349409;font-size:18px;font-weight:700}.pos-checkout-tabs{background-color:#fff;border-radius:12px;flex-shrink:0;gap:4px;margin:0 16px 8px;padding:3px;display:flex;overflow:hidden}.pos-checkout-tab{color:#aaa;cursor:pointer;text-align:center;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:15px;font-weight:600;transition:all .2s}.pos-checkout-tab.active{color:#349409;background-color:#3494091a;border-bottom:2px solid #349409}.pos-checkout-content{flex-direction:column;flex:1;padding:0 16px;display:flex;overflow:hidden}.pos-cash-method{flex-direction:column;height:100%;display:flex;overflow:hidden}.pos-cash-input-card{background-color:#fff;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;flex:1;justify-content:space-between;margin-bottom:12px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.pos-cash-input-top{flex-direction:column;gap:4px;display:flex}.pos-cash-input-label{color:#1e3050;font-size:13px;font-weight:600}.pos-cash-input-value{color:#1e3050;font-size:26px;font-weight:700}.pos-cash-input-value.placeholder{color:#ccc}.pos-cash-input-bottom{border-top:1px solid #f2f2f2;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.pos-change-label{color:#777;font-size:14px}.pos-change-value{color:#ccc;font-size:18px;font-weight:700}.pos-change-value.positive{color:#d32f2f}.pos-keypad{flex-shrink:0;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:6px;margin-top:auto;padding-bottom:8px;display:grid}.pos-keypad-btn{color:#1e3050;cursor:pointer;background-color:#fff;border:1.5px solid #eaeaea;border-radius:10px;justify-content:center;align-items:center;padding:12px 0;font-size:20px;font-weight:600;transition:background-color .1s;display:flex}.pos-keypad-btn:active{background-color:#f5f5f5}.pos-keypad-backspace{grid-area:1/4/span 2;height:100%}.pos-keypad-enter{color:#fff;background-color:#1b5e20;border:none;grid-area:3/4/span 2;height:100%;font-size:16px;font-weight:700}.pos-keypad-enter:active{background-color:#124116}.pos-transfer-method{flex-direction:column;flex:1;justify-content:center;align-items:center;height:100%;padding-bottom:12px;display:flex;overflow:hidden}.pos-camera-card{cursor:pointer;background-color:#fff;border:2.5px dashed #ccc;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pos-camera-placeholder{color:#999;flex-direction:column;align-items:center;gap:12px;display:flex}.pos-proof-preview{object-fit:cover;width:100%;height:100%}.pos-checkout-footer{background-color:#f2f3ed;border-top:1px solid #eaeaea;flex-shrink:0;padding:12px 16px}.pos-checkout-submit-btn{color:#fff;cursor:pointer;text-align:center;background-color:#349409;border:none;border-radius:10px;width:100%;padding:14px;font-size:16px;font-weight:700;transition:background-color .2s,opacity .2s;box-shadow:0 4px 12px #3494094d}.pos-checkout-submit-btn:disabled{color:#ffffffb3;cursor:not-allowed;box-shadow:none;background-color:#8bbd83}.pos-card-selection-overlay{z-index:31000;background-color:#f2f3ed;justify-content:center;display:flex;position:fixed;inset:0;overflow:hidden}.pos-card-selection-container{background-color:#fff;flex-direction:column;width:100%;max-width:480px;height:100%;display:flex}.pos-card-selection-header{color:#fff;background:linear-gradient(135deg,#349409 0%,#257005 100%);flex-direction:column;flex-shrink:0;align-items:center;gap:16px;padding:30px 20px;display:flex}.pos-card-success-circle{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 4px 10px #00000026}.pos-card-success-title{letter-spacing:.5px;margin:0;font-size:20px;font-weight:700}.pos-card-selection-subheader{flex-shrink:0;align-items:center;gap:8px;padding:16px 20px 8px;display:flex}.pos-card-selection-title{color:#1e3050;font-size:16px;font-weight:700}.pos-card-selection-count{color:#888;font-size:14px;font-weight:600}.pos-card-selection-grid{flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;gap:12px;padding:8px 20px;display:grid;overflow-y:auto}.pos-card-selection-btn{color:#1e3050;cursor:pointer;background-color:#f5f5f5;border:2px solid #eaeaea;border-radius:8px;outline:none;padding:11px 0;font-size:16px;font-weight:700;transition:all .2s}.pos-card-selection-btn:hover{background-color:#ededed}.pos-card-selection-btn.active{color:#349409;background-color:#f1f9ec;border:2px solid #349409}.pos-card-selection-btn.active:disabled{color:#c42326;cursor:default;opacity:1;background-color:#fff0f0;border:2px solid #c42326;box-shadow:0 0 0 3px #c4232626}.pos-card-selection-footer{background-color:#fff;border-top:1px solid #f2f2f2;flex-shrink:0;gap:16px;padding:16px 20px;display:flex}.pos-card-btn-skip{color:#888;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:10px;flex:1;padding:14px;font-size:16px;font-weight:700;transition:background-color .2s}.pos-card-btn-skip:hover{background-color:#fafafa}.pos-card-btn-select{color:#fff;cursor:pointer;background-color:#349409;border:none;border-radius:10px;flex:1.5;padding:14px;font-size:16px;font-weight:700;transition:background-color .2s;box-shadow:0 4px 12px #3494094d}.pos-card-btn-select:hover{background-color:#257005}.pos-card-btn-select:disabled{color:#ffffffb3;cursor:not-allowed;box-shadow:none;background-color:#8bbd83}.pos-success-box{text-align:center;flex-direction:column;align-items:center;padding:24px;display:flex}.pos-success-icon-wrapper{margin-bottom:12px;animation:.4s cubic-bezier(.16,1,.3,1) both scale-up-check}.pos-success-dialog-title{color:#1e3050;margin:0 0 8px;font-size:18px;font-weight:700}@keyframes scale-up-check{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.pos-inventory-container{background-color:#f6f7f2;flex-direction:column;flex:1;min-height:0;padding:16px 16px 100px;display:flex;overflow:hidden}.pos-inventory-search-bar{flex-shrink:0;margin-bottom:16px}.pos-inventory-search-input-wrapper{background-color:#fff;border-radius:24px;flex:1;gap:12px;padding:4px 6px;display:flex;box-shadow:0 2px 8px #00000008}.pos-inventory-search-box{flex:1;align-items:center;padding-left:12px;display:flex}.pos-inventory-search-input-wrapper input{color:#333;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px;font-size:14px}.pos-inventory-search-input-wrapper input::placeholder{color:#b0b0b0}.clear-search-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-right:4px;padding:4px;display:flex}.pos-inventory-cards{flex-shrink:0;gap:10px;margin-bottom:16px;display:flex}.inv-card{text-align:center;cursor:pointer;background-color:#fff;border:1.5px solid #0000;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:12px 5px;transition:all .2s;display:flex;box-shadow:0 2px 6px #0000000a}.inv-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.pos-inventory-cards.has-filter .inv-card:not(.active){opacity:.5;filter:grayscale(60%);border-color:#0000!important}.pos-inventory-cards.has-filter .inv-card.active{transform:scale(1.02)}.inv-card-icon{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-bottom:6px;display:flex}.inv-card-title{color:#777;margin-bottom:4px;font-size:11px;line-height:1.2}.inv-card-number{font-size:22px;font-weight:800;line-height:1}.safe-card{border-color:#3b9016}.safe-card .inv-card-icon{color:#3b9016;background-color:#e8f5e9}.safe-card .inv-card-number{color:#3b9016}.warning-card{border-color:#f59e0b}.warning-card .inv-card-icon{color:#f59e0b;background-color:#fef3c7}.warning-card .inv-card-number{color:#f59e0b}.danger-card{border-color:#dc2626}.danger-card .inv-card-icon{color:#dc2626;background-color:#fee2e2}.danger-card .inv-card-number{color:#dc2626}.pos-inventory-table-container{background-color:#fff;border-radius:12px 12px 0 0;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 -2px 10px #00000008}.pos-inventory-table-body{flex:1;overflow-y:auto}.pos-inventory-table{border-collapse:collapse;table-layout:fixed;width:100%}.pos-inventory-table thead{z-index:1;position:sticky;top:0}.inv-th{color:#fff;text-align:center;white-space:nowrap;background-color:#2b6a0f;padding:12px 8px;font-size:12px;font-weight:600}.inv-th-name{text-align:left;width:35%;padding-left:16px}.inv-th-category{width:25%}.inv-th-stock{width:15%}.inv-th-status{text-align:right;width:25%;padding-right:16px}.pos-inventory-row{border-bottom:1px solid #f0f0f0}.pos-inventory-row:last-child{border-bottom:none}.pos-inventory-row:hover{background-color:#f8fdf6}.inv-td{color:#333;text-align:center;vertical-align:middle;padding:13px 8px;font-size:12px}.inv-td-name{text-align:left;padding-left:16px;font-weight:600}.inv-td-stock{font-weight:600}.inv-td-status{text-align:right;vertical-align:middle;padding-right:16px}.font-bold{font-weight:600}.inv-badge{white-space:nowrap;border-radius:4px;padding:4px 10px;font-size:12px;font-weight:600}.inv-badge.safe{color:#3b9016;background-color:#eafbe4}.inv-badge.warning{color:#d97706;background-color:#fff8e1}.inv-badge.danger{color:#c62828;background-color:#ffebee}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#dcdcdc;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:silver}.pos-account-container{background-color:#f4f6f3;flex-direction:column;flex:1;padding:16px 16px 85px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow:hidden}.pos-account-title{text-align:center;color:#111;margin:0 0 16px;font-size:18px;font-weight:700}.account-card{background-color:#fff;border-radius:12px;margin-bottom:10px;padding:12px 16px;box-shadow:0 2px 8px #0000000a}.profile-header{align-items:center;gap:16px;display:flex}.avatar-wrapper{background-color:#e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:relative}.avatar-camera-btn{color:#fff;background-color:#306b0e;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-info{flex:1}.profile-name-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.profile-name{color:#111;font-size:16px;font-weight:700}.profile-id{color:#666;margin-bottom:4px;font-size:12px}.profile-id span{color:#306b0e;font-weight:600}.status-badge{color:#2e7d32;white-space:nowrap;background-color:#e8f5e9;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.role-card{background-color:#edf5ea;border:1px solid #dcedd9;align-items:center;gap:12px;display:flex}.role-icon-wrapper{color:#306b0e;background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.role-title{color:#111;margin-bottom:2px;font-size:14px;font-weight:700}.role-desc{color:#666;font-size:11px}.section-header{justify-content:space-between;align-items:center;display:flex}.section-title-wrapper{color:#111;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.section-content{border-top:1px solid #f0f0f0;padding-top:8px}.info-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-label{color:#111;align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.info-icon-wrapper{color:#306b0e;background-color:#f1f8e9;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.info-value{color:#306b0e;font-size:13px;font-weight:500}.info-value.gray{color:#666;font-weight:400}.action-row{cursor:pointer;background-color:#fafafa;border:1px solid #eee;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 12px;display:flex}.action-info{align-items:center;gap:12px;display:flex}.action-icon-wrapper{color:#306b0e}.action-title{color:#111;margin-bottom:2px;font-size:13px;font-weight:600}.action-desc{color:#888;font-size:10px}.logout-btn{color:#d32f2f;cursor:pointer;background-color:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;margin-bottom:0;padding:14px;font-size:15px;font-weight:700;display:flex;box-shadow:0 2px 8px #0000000a}.change-pin-container{background-color:#f4f6f3;flex-direction:column;flex:1;padding:20px 20px 85px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-y:auto}.change-pin-header{justify-content:center;align-items:center;margin-bottom:24px;display:flex;position:relative}.back-btn{cursor:pointer;background-color:#0000;border:1px solid #306b0e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;left:0}.change-pin-title{color:#306b0e;margin:0;font-size:18px;font-weight:700}.change-pin-content{flex-direction:column;gap:10px;display:flex}.pin-group{flex-direction:column;gap:5px;display:flex}.pin-label-row{justify-content:space-between;align-items:center;display:flex}.pin-label{color:#222;font-size:14px;font-weight:600}.eye-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.eye-btn:active{background-color:#e0e0e0}.pin-inputs-container{justify-content:space-between;gap:8px;display:flex}.pin-box{aspect-ratio:1/1.1;text-align:center;color:#111;background-color:#fff;border:1px solid #0000;border-radius:8px;width:calc(16.6667% - 6.66667px);font-size:24px;font-weight:700;transition:border-color .2s;box-shadow:0 1px 3px #0000000d}.pin-box:focus{outline:2px solid #306b0e}.pin-box.error-box{background-color:#fff9f9;border-color:#d32f2f}.pin-box.error-box:focus{outline:2px solid #d32f2f}.inline-error-wrapper{min-height:20px}.inline-error{color:#d32f2f;margin-top:4px;font-size:13px}.submit-pin-btn{color:#fff;cursor:pointer;background-color:#306b0e;border:none;border-radius:8px;margin-top:12px;padding:16px;font-size:16px;font-weight:700;transition:opacity .2s;box-shadow:0 4px 12px #306b0e33}.submit-pin-btn:active{opacity:.8}.submit-pin-btn:disabled{cursor:not-allowed;box-shadow:none;background-color:#888}.bottom-message-wrapper{min-height:48px;margin-top:12px}.error-message{color:#d32f2f;text-align:center;background-color:#ffebee;border-radius:8px;padding:12px;font-size:14px}.success-message{color:#2e7d32;text-align:center;background-color:#e8f5e9;border-radius:8px;padding:12px;font-size:14px}.revenue-report-container{background-color:#f7f9f7;font-family:Inter,sans-serif}.revenue-report-title{color:#256e05;text-transform:uppercase;margin-top:0;margin-bottom:24px;font-size:28px;font-weight:800}.sticky-header{z-index:10;background-color:#f7f9f7;padding-bottom:4px;position:sticky;top:0}.revenue-filter-card{background-color:#fff;border-radius:12px;justify-content:flex-start;align-items:center;gap:25px;margin-bottom:24px;padding:12px 16px;display:flex;box-shadow:0 2px 10px #0000000a}.filter-buttons{gap:6px;display:flex}.filter-btn{color:#888;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.filter-btn.active{color:#fff;background-color:#338805;border-color:#338805}.filter-dates{align-items:center;gap:16px;display:flex}.date-input-wrapper{white-space:nowrap;flex:1;align-items:center;gap:6px;display:flex}.date-input-inner{align-items:center;width:100%;display:flex;position:relative}.date-input{color:#333;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:6px 10px;font-size:13px}.date-input:focus{border-color:#256e05}.date-icon{color:#888;pointer-events:none;width:14px;height:14px;position:absolute;right:8px}.filter-select-wrapper{flex:1}.filter-select{color:#333;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23888\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>") right 10px center no-repeat;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:6px 30px 6px 12px;font-size:13px}.filter-actions{align-items:center;gap:12px;display:flex}.btn-clear{color:#dc3545;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #dc3545;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-clear:hover{background-color:#fce4e4}.revenue-metrics-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.revenue-report-container .metric-card{text-align:left;background-color:#fff;border-top:5px solid #0000;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding:16px 20px;display:flex;position:relative;box-shadow:0 2px 10px #0000000a}.revenue-report-container .metric-card:first-child{border-top-color:#256e05}.revenue-report-container .metric-card:nth-child(2){border-top-color:#dc3545}.revenue-report-container .metric-card:nth-child(3),.revenue-report-container .metric-card:nth-child(4){border-top-color:#256e05}.revenue-report-container .metric-header{align-items:center;gap:12px;display:flex}.revenue-report-container .metric-icon-bg{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:700;display:flex}.revenue-report-container .metric-icon-img{object-fit:contain;width:14px;height:14px}.revenue-report-container .metric-icon-bg.green-bg{color:#256e05;background-color:#e8f5e9}.revenue-report-container .metric-icon-bg.red-bg{color:#dc3545;background-color:#fce4e4}.revenue-report-container .metric-title{color:#666;font-size:15px;font-weight:500}.revenue-report-container .metric-value{color:#256e05;font-size:26px;font-weight:800}.revenue-report-container .metric-value.red-text{color:#dc3545}.revenue-report-container .metric-value.green-text{color:#256e05}.revenue-report-container .metric-badge-container{align-items:center;gap:8px;display:flex}.revenue-report-container .metric-badge{border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.revenue-report-container .metric-badge.positive{color:#256e05;background-color:#e8f5e9}.revenue-report-container .metric-badge.negative{color:#dc3545;background-color:#fce4e4}.revenue-report-container .metric-comparison{color:#888;font-size:11px}.metric-card{min-width:0}.dashboard-section{background-color:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 10px #0000000a}.section-title{color:#333;margin-top:0;margin-bottom:20px;font-size:16px;font-weight:700}.chart-wrapper{width:100%;min-width:0}.chart-tooltip{text-align:center;background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;padding:8px 12px;box-shadow:0 4px 6px #0000000d}.tooltip-title{color:#333;border-bottom:1px solid #c8e6c9;margin:0 0 4px;padding-bottom:4px;font-size:12px;font-weight:600}.tooltip-value{color:#256e05;margin:0;font-size:14px;font-weight:700}.tooltip-label{color:#81c784;margin:2px 0 0;font-size:11px}.pie-tooltip{text-align:center;background-color:#f1f8f1;border-radius:8px;padding:8px 12px;position:relative;box-shadow:0 4px 10px #00000014}.pie-tooltip:after{content:"";border:6px solid #0000;border-top-color:#f1f8f1;margin-left:-6px;position:absolute;top:100%;left:50%}.pie-tooltip-title{color:#333;border-bottom:1px solid #c8e6c9;margin:0 0 4px;padding-bottom:4px;font-size:12px;font-weight:600}.pie-tooltip-value{color:#256e05;margin:0;font-size:14px;font-weight:700}.pie-tooltip-label{color:#999;margin:4px 0 0;font-size:11px}.dashboard-row{grid-template-columns:1.5fr 2fr;gap:24px;margin-bottom:24px;display:grid}.dashboard-row.pie-row{grid-template-columns:1fr 1fr}.dashboard-row .dashboard-section{margin-bottom:0}.pie-wrapper{flex-direction:column;align-items:center;width:100%;min-width:0;display:flex}.pie-legend{justify-content:center;gap:16px;margin-top:16px;display:flex}.section-header-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header-row .section-title{margin-bottom:0}.btn-sort{color:#256e05;cursor:pointer;background-color:#fff;border:1px solid #256e05;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-sort:hover{background-color:#f1f8f1}.table-responsive{max-height:550px;overflow:auto}.table-responsive::-webkit-scrollbar{width:4px;height:4px}.table-responsive::-webkit-scrollbar-track{background:0 0}.table-responsive::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.table-responsive::-webkit-scrollbar-button{display:none}.dashboard-table{border-collapse:collapse;text-align:left;width:100%}.dashboard-table th{color:#fff;z-index:1;background-color:#256e05;padding:12px 16px;font-size:13px;font-weight:600;position:sticky;top:0}.dashboard-table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.dashboard-table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.dashboard-table td{color:#333;border-bottom:1px solid #f1f1f1;padding:16px;font-size:14px}.dashboard-table tr:last-child td{border-bottom:none}.font-medium{font-weight:500}.type-badge,.status-badge{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}@media (width<=1200px){.dashboard-row{grid-template-columns:1fr}}.chart-empty-state{text-align:center;color:#888;padding:60px 20px;font-size:14px}.inventory-container{background-color:#0000;flex-direction:column;height:calc(100vh - 128px);font-family:Inter,sans-serif;display:flex;overflow:hidden}.sticky-header{z-index:100;background-color:#f6f7f6;flex-shrink:0;padding-bottom:4px;position:sticky;top:0}.sticky-header:before{content:"";z-index:-1;background-color:#f6f7f6;height:200px;position:absolute;top:-200px;left:0;right:0}.header-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.inventory-title{color:#256e05;text-transform:uppercase;margin:0;padding-top:8px;font-size:28px;font-weight:800;line-height:1.4}.header-actions{gap:12px;display:flex}.btn-export{color:#fff;cursor:pointer;background-color:#b71c1c;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .2s}.btn-export:hover{opacity:.9}.btn-import{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:600;transition:opacity .2s}.btn-import:hover{opacity:.9}.inventory-metrics-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.metric-card{cursor:pointer;background-color:#fff;border:1px solid #0000;border-top-width:3px;border-radius:8px;align-items:center;gap:10px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 10px #0000000a}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #00000014}.metric-card:first-child{border-top-color:#9e9e9e}.metric-card:first-child.active{background-color:#fcfcfc;border-color:#9e9e9e}.metric-card:nth-child(2){border-top-color:#256e05}.metric-card:nth-child(2).active{background-color:#f9fdf9;border-color:#256e05}.metric-card:nth-child(3){border-top-color:#ffb300}.metric-card:nth-child(3).active{background-color:#fffbf0;border-color:#ffb300}.metric-card:nth-child(4){border-top-color:#c62828}.metric-card:nth-child(4).active{background-color:#fff5f5;border-color:#c62828}.metric-icon-bg{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.metric-icon-bg.default-bg{background-color:#f0f0f0}.metric-icon-bg.green-bg{background-color:#e8f5e9}.metric-icon-bg.yellow-bg{background-color:#fff8e1}.metric-icon-bg.red-bg{background-color:#ffebee}.gray-text{color:#555}.green-text{color:#256e05}.yellow-text{color:#ff8f00}.red-text{color:#c62828}.dark-text{color:#333}.metric-content{flex-direction:column;display:flex}.metric-title{color:#777;margin-bottom:4px;font-size:13px;font-weight:600}.metric-value{font-size:24px;font-weight:800}.inventory-filter-bar{background-color:#fff;border-radius:8px;align-items:center;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 2px 10px #0000000a}.inventory-search-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:6px;flex:1;align-items:center;padding:8px 12px;display:flex}.inventory-search-icon{color:#aaa;margin-right:8px}.inventory-search-input{border:none;outline:none;width:100%;font-size:14px}.inventory-filter-select-wrapper{position:relative}.inventory-filter-select{appearance:none;color:#555;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"%23888\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"></polyline></svg>") right 10px center no-repeat;border-radius:6px;outline:none;min-width:180px;font-size:14px}.results-count{color:#555;margin-left:auto;font-size:14px}.count-number{color:#256e05;font-weight:600}.inventory-table-container{background-color:#fff;border-radius:8px 8px 0 0;flex:1;min-height:0;position:relative;overflow-y:scroll;box-shadow:0 2px 10px #0000000a}.inventory-table-container::-webkit-scrollbar{width:4px}.inventory-table-container::-webkit-scrollbar-track{background:0 0}.inventory-table-container::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.inventory-table-container::-webkit-scrollbar-button{display:none}.inventory-table{border-collapse:collapse;text-align:left;table-layout:fixed;width:100%}.inventory-table th:first-child{width:14%}.inventory-table th:nth-child(2){width:24%}.inventory-table th:nth-child(3){width:12%}.inventory-table th:nth-child(4){width:10%}.inventory-table th:nth-child(5){width:14%}.inventory-table th:nth-child(6){width:12%}.inventory-table th:nth-child(7){width:14%}.inventory-table thead{z-index:10;position:sticky;top:0}.inventory-table th{color:#fff;white-space:nowrap;background-color:#338805;padding:16px;font-size:14px;font-weight:600}.inventory-table td{color:#333;border-bottom:1px solid #eee;padding:16px;font-size:14px}.sku-text{color:#d97706;font-weight:600}.product-name{font-weight:600}.text-center,.inventory-table th.text-center{text-align:center}.status-badge{text-align:center;border-radius:20px;min-width:80px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.status-badge.safe{color:#2e7d32;background-color:#e8f5e9}.status-badge.warning{color:#ef6c00;background-color:#fff3e0}.status-badge.danger{color:#c62828;background-color:#ffebee}.btn-add-stock{color:#256e05;cursor:pointer;background-color:#fff;border:1px solid #81c784;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:background-color .2s}.btn-add-stock:hover{background-color:#f1f8f1}.import-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.import-modal-content{background-color:#fff;border-radius:12px;flex-direction:column;width:900px;max-width:95vw;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.import-modal-header{background-color:#f1f8f1;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.import-modal-header h2{color:#256e05;margin:0;font-size:20px;font-weight:700}.import-modal-close{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.import-modal-close:hover{background-color:#0000000d}.import-modal-body{flex:1;display:flex;overflow:hidden}.import-modal-left{flex-shrink:0;width:300px;padding:24px;overflow-y:auto}.import-modal-right{flex-direction:column;flex:1;padding:24px;display:flex;overflow-y:hidden}.import-modal-divider{background-color:#eee;width:1px;margin:24px 0}.pane-title{color:#111;border-bottom:1px solid #eee;margin-top:0;margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:700}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{border-color:#256e05}.disabled-input{cursor:not-allowed;color:#666!important;background-color:#f5f5f5!important}.import-table-container{flex:1;min-height:0;margin-bottom:16px;overflow-y:auto}.import-table{border-collapse:collapse;width:100%}.import-table thead{z-index:10;position:sticky;top:0}.import-table th{color:#fff;text-align:left;background-color:#256e05;padding:10px;font-size:13px;font-weight:600}.import-table th:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.import-table th:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.import-table td{vertical-align:middle;border-bottom:1px solid #eee;padding:12px 8px}.import-qty-input{text-align:center;border:1px solid #ddd;border-radius:4px;outline:none;width:60px;padding:6px;font-size:14px}.import-qty-input:focus{border-color:#256e05}.btn-remove-row{color:#dc3545;cursor:pointer;background:#fff;border:1px solid #dc3545;border-radius:4px;padding:6px 16px;font-size:13px;transition:all .2s}.btn-remove-row:hover:not(:disabled){background:#fff5f5}.btn-remove-row:disabled{color:#aaa;cursor:not-allowed;background:#f9f9f9;border-color:#ddd}.btn-add-product-row{color:#999;cursor:pointer;background:#fff;border:1px dashed #ccc;border-radius:6px;width:100%;margin-bottom:24px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.btn-add-product-row:hover:not(:disabled){color:#555;background:#fdfdfd;border-color:#999}.btn-add-product-row:disabled{color:#ccc;cursor:not-allowed;background:#fdfdfd;border-color:#eee}.import-summary{background-color:#e8f5e9;border-radius:6px;justify-content:flex-end;gap:32px;margin-bottom:24px;padding:12px 24px;display:flex}.import-summary span{color:#111;font-size:14px}.import-summary strong{color:#256e05;font-size:16px}.import-actions{justify-content:flex-end;gap:16px;display:flex}.btn-cancel{color:#dc3545;cursor:pointer;background:#fff;border:1px solid #dc3545;border-radius:6px;padding:10px 48px;font-weight:600;transition:all .2s}.btn-cancel:hover{background:#fff5f5}.btn-save{color:#fff;cursor:pointer;background:#256e05;border:1px solid #256e05;border-radius:6px;padding:10px 64px;font-weight:600;transition:all .2s}.btn-save:hover:not(:disabled){background:#1e5c04}.btn-save:disabled{cursor:not-allowed;opacity:.8;background:#a5d696;border-color:#a5d696}.searchable-select-wrapper{width:100%;position:relative}.searchable-select-header{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;justify-content:space-between;align-items:center;min-height:38px;padding:8px 12px;font-size:14px;display:flex}.searchable-select-text{color:#333;white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.searchable-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #0000001a}.searchable-select-search{border-bottom:1px solid #eee;align-items:center;gap:8px;padding:8px 12px;display:flex}.searchable-select-search input{border:none;outline:none;width:100%;font-size:13px}.searchable-select-list{max-height:200px;overflow-y:auto}.searchable-select-item{cursor:pointer;border-bottom:1px solid #f9f9f9;padding:10px 12px;transition:background-color .2s}.searchable-select-item:hover{background-color:#f1f8f1}.searchable-select-item.selected{background-color:#e8f5e9}.item-name{color:#333;font-size:14px}.searchable-select-empty{text-align:center;color:#888;padding:12px;font-size:13px}.confirm-modal-content{text-align:center;background:#fff;border-radius:8px;width:400px;max-width:90vw;padding:24px;box-shadow:0 4px 20px #00000026}.confirm-modal-content h3{color:#dc3545;margin-top:0;margin-bottom:12px;font-size:18px}.confirm-modal-content p{color:#555;margin-bottom:24px;font-size:14px;line-height:1.5}.confirm-modal-actions{justify-content:center;gap:16px;display:flex}.btn-delete-confirm{color:#fff;cursor:pointer;background:#dc3545;border:1px solid #dc3545;border-radius:6px;padding:8px 24px;font-weight:600;transition:all .2s}.btn-delete-confirm:hover{background:#c82333}.review-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:800px;max-width:95vw;display:flex;overflow:hidden;box-shadow:0 10px 40px #0003}.review-modal-header{background-color:#fafafa;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.review-modal-title{align-items:center;gap:12px;display:flex}.review-icon{color:#256e05;font-size:24px}.review-modal-title h2{color:#111;margin:0;font-size:18px;font-weight:700}.review-modal-body{flex-direction:column;padding:24px;display:flex}.review-modal-subtitle{color:#666;margin-top:0;margin-bottom:24px;font-size:14px;line-height:1.5}.review-table-wrapper{border:1px solid #eee;border-radius:8px;margin-bottom:24px;overflow:hidden}.review-table{border-collapse:collapse;width:100%}.review-table th{color:#666;background-color:#fafafa;border-bottom:1px solid #eee;padding:12px 16px;font-size:12px;font-weight:600}.review-table td{color:#333;border-bottom:1px solid #f5f5f5;padding:16px;font-size:14px}.review-table tr:last-child td{border-bottom:none}.review-summary-box{background-color:#f1fcf1;border:1px solid #e2f5e2;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px 24px;display:flex}.summary-label{color:#88c07e;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.summary-value-large{color:#256e05;font-size:24px;font-weight:700}.summary-value-medium{color:#333;font-size:20px;font-weight:700}.review-modal-actions{justify-content:flex-end;gap:16px;display:flex}.btn-review-back{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.btn-review-back:hover:not(:disabled){background:#f5f5f5;border-color:#ccc}.btn-review-back:disabled{color:#ccc;cursor:not-allowed;background:#f9f9f9;border-color:#eee}.btn-review-confirm{color:#fff;cursor:pointer;background:#2ea112;border:1px solid #2ea112;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:600;transition:all .2s}.btn-review-confirm:hover:not(:disabled){background:#25820e}.btn-review-confirm:disabled{cursor:not-allowed;opacity:.8;background:#a5d696;border-color:#a5d696}.toast-notification{color:#fff;z-index:10002;background:#333;border-radius:8px;align-items:center;gap:12px;padding:12px 24px;animation:.3s ease-out slideInUp;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #00000026}.toast-icon{color:#fff;background:#2ea112;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.toast-text{font-size:14px;font-weight:500}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.inventory-history-container{background-color:#0000;flex-direction:column;height:calc(100vh - 128px);font-family:Inter,sans-serif;display:flex;overflow:hidden}.history-sticky-header{z-index:100;background-color:#f6f7f6;flex-shrink:0;padding-bottom:4px;position:sticky;top:0}.history-sticky-header:before{content:"";z-index:-1;background-color:#f6f7f6;height:200px;position:absolute;top:-200px;left:0;right:0}.history-title{color:#256e05;text-transform:uppercase;margin-top:0;margin-bottom:24px;padding-top:8px;font-size:28px;font-weight:800;line-height:1.4}.history-metrics-grid{gap:24px;margin-bottom:24px;display:flex}.history-metric-card{background:#fff;border:1px solid #eaeaea;border-radius:12px;flex-direction:column;flex:1;padding:16px 20px;display:flex;box-shadow:0 2px 10px #0000000d}.card-gray{border-left:6px solid #888}.card-green{border-left:6px solid #2ea112}.card-red{border-left:6px solid #dc3545}.metric-card-title{color:#666;margin-bottom:8px;font-size:15px;font-weight:600}.card-green .metric-card-title{color:#2ea112}.card-red .metric-card-title{color:#dc3545}.metric-card-value-container{align-items:baseline;gap:8px;display:flex}.metric-value-number{color:#111;font-size:32px;font-weight:700}.card-green .metric-value-number{color:#2ea112}.card-red .metric-value-number{color:#dc3545}.metric-value-unit{color:#888;font-size:14px}.metric-card-footer{color:#888;align-items:center;gap:6px;font-size:13px;display:flex}.history-filters-bar{background:#fff;border:1px solid #eaeaea;border-radius:12px;align-items:center;gap:16px;margin-bottom:24px;padding:16px 24px;display:flex;box-shadow:0 2px 10px #0000000d}.history-search-container{flex:1;position:relative}.history-search-input{border:1px solid #ddd;border-radius:8px;width:100%;padding:10px 16px 10px 40px;font-size:14px;transition:all .2s}.history-search-input:focus{border-color:#2ea112;outline:none;box-shadow:0 0 0 3px #2ea1121a}.history-search-icon{color:#aaa;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.date-filter-group{align-items:center;gap:8px;display:flex}.date-label{color:#666;font-size:12px;font-weight:500}.date-input{color:#333;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:12px}.history-type-select{color:#333;background-color:#fff;border-radius:8px;min-width:200px;font-size:14px}.history-results-count{color:#2ea112;margin-left:8px;font-size:14px;font-weight:600}.history-table-container{background:#fff;border:1px solid #eaeaea;border-radius:12px;flex:1;overflow-y:auto;box-shadow:0 2px 10px #0000000d}.history-table-container::-webkit-scrollbar{width:4px}.history-table-container::-webkit-scrollbar-track{background:0 0}.history-table-container::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.history-table-container::-webkit-scrollbar-button{display:none}.history-table{border-collapse:collapse;width:100%}.history-table th{color:#fff;text-transform:uppercase;text-align:left;z-index:5;background-color:#256e05;padding:12px 16px;font-size:13px;font-weight:600;position:sticky;top:0}.history-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px}.history-table tr:last-child td{border-bottom:none}.history-time{color:#d97706;font-weight:600}.history-product-name{color:#111;margin-bottom:4px;font-weight:600}.history-sku{color:#888;font-size:12px}.action-badge{border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-block}.badge-import{color:#2ea112;background-color:#e8f5e9}.badge-export{color:#dc2626;background-color:#fee2e2}.badge-sale{color:#ea580c;background-color:#ffedd5}.history-table td.qty-positive{color:#2ea112;font-weight:700}.history-table td.qty-negative{color:#dc2626;font-weight:700}.stock-change{color:#111;font-weight:500}.ref-code{color:#333;font-weight:500}.product-list-container{background-color:#0000;flex-direction:column;height:calc(100vh - 128px);font-family:Inter,sans-serif;display:flex;overflow:hidden}.product-list-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.product-list-title{color:#256e05;text-transform:uppercase;margin:0;padding-top:8px;font-size:28px;font-weight:800;line-height:1.4}.btn-add-product{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:6px;height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add-product:hover{background-color:#1c5204}.product-filter-bar{background-color:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.product-search-wrapper{flex:2;min-width:200px;position:relative}.product-search-icon{color:#999;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.product-search-input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;outline:none;width:100%;padding:10px 10px 10px 40px;font-size:14px;transition:border-color .2s}.product-search-input:focus{border-color:#256e05}.product-filter-select{color:#555;cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border-radius:6px;outline:none;flex:1;min-width:160px;font-size:14px}.product-filter-select:focus{border-color:#256e05}.btn-delete-bulk{color:#dc2626;cursor:pointer;background-color:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-delete-bulk:hover:not(:disabled){background-color:#fecaca}.btn-delete-bulk:disabled{color:#ccc;cursor:not-allowed;background-color:#f5f5f5}.product-result-count{color:#666;white-space:nowrap;margin-left:auto;font-size:14px}.product-result-number{color:#256e05;font-weight:600}.product-table-container{background-color:#fff;border-radius:8px;flex:1;min-height:0;overflow-y:auto;box-shadow:0 1px 3px #0000000d}.product-table-container::-webkit-scrollbar{width:4px}.product-table-container::-webkit-scrollbar-track{background:0 0}.product-table-container::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.product-table-container::-webkit-scrollbar-button{display:none}.product-table{border-collapse:collapse;width:100%}.product-table th{color:#fff;text-align:left;z-index:10;background-color:#256e05;padding:16px;font-size:14px;font-weight:600;position:sticky;top:0}.product-table td{color:#333;vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:16px;font-size:14px}.product-table-row:last-child td{border-bottom:none}.custom-checkbox{cursor:pointer;appearance:none;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;width:18px;height:18px;display:inline-block;position:relative}.custom-checkbox:checked{background-color:#fff;border-color:#256e05}.custom-checkbox:checked:after{content:"";border:2px solid #256e05;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.product-table th .custom-checkbox{background-color:#fff;border-color:#fff}.product-table th .custom-checkbox:checked:after{border-color:#256e05}.product-info-cell{align-items:center;gap:16px;display:flex}.product-image-placeholder{color:#fff;background-color:#e2e2e2;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.product-details{flex-direction:column;gap:4px;display:flex}.product-name{color:#333;font-size:14px;font-weight:600}.product-sku{color:#aaa;font-size:12px}.product-category{color:#333;font-weight:600}.status-badge{border-radius:4px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.status-active{color:#2ea112;background-color:#e8f5e9}.status-inactive{color:#dc2626;background-color:#fce4e4}.action-icons{justify-content:center;align-items:center;gap:12px;display:flex}.action-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.action-btn:hover{color:#256e05;background-color:#dcedd7}.action-btn.delete:hover{color:#dc2626;background-color:#ffe6e6}.product-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.product-modal-content{background-color:#fff;border-radius:12px;width:100%;max-width:500px;padding:32px;box-shadow:0 10px 25px #00000026}.product-modal-title{color:#dc2626;margin:0 0 16px;font-size:20px;font-weight:700}.delete-modal-warning{color:#444;margin-bottom:16px;font-size:14px;line-height:1.5}.delete-modal-list{background-color:#fafafa;border:1px solid #eee;border-radius:6px;max-height:150px;margin-bottom:20px;padding:12px 16px;overflow-y:auto}.delete-modal-list ul{margin:0;padding-left:20px;list-style-type:disc}.delete-modal-list li{color:#333;margin-bottom:6px;font-size:13px}.delete-modal-list li:last-child{margin-bottom:0}.text-muted{color:#888;font-size:12px}.text-danger{color:#dc2626}.delete-modal-confirm label{color:#333;margin-bottom:8px;font-size:14px;display:block}.product-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-modal-cancel{color:#555;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;padding:10px 20px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-modal-cancel:hover{background-color:#f5f5f5}.btn-modal-submit{cursor:pointer;color:#fff;border:none;border-radius:6px;padding:10px 20px;font-weight:600;transition:background-color .2s}.btn-modal-delete:disabled{cursor:not-allowed;background-color:#fca5a5}.add-product-modal{flex-direction:column;max-width:700px;padding:0;display:flex;overflow:hidden}.add-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:24px 32px 16px;display:flex}.add-modal-title{color:#256e05;margin:0;font-size:20px;font-weight:700}.btn-close-modal{cursor:pointer;color:#333;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.add-modal-body{max-height:calc(90vh - 140px);padding:24px 32px;overflow-y:auto}.add-modal-top-section{grid-template-columns:200px 1fr 1fr;gap:0 24px;margin-bottom:24px;display:grid}.modal-image-col{flex-direction:column;grid-row:span 3;display:flex}.modal-status-col{grid-column:span 2}@media (width<=768px){.add-modal-top-section{grid-template-columns:1fr}.modal-image-col{grid-row:auto}}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.image-upload-box{aspect-ratio:1;background-color:#e2e2e2;border-radius:8px;justify-content:center;align-items:center;width:100%;display:flex}.form-input,.form-select{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:12px;font-family:inherit;font-size:14px}.form-select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:14px}.input-readonly{color:#666;background-color:#f5f5f5}.text-center{text-align:center}.status-radio-group{gap:24px;margin-top:12px;display:flex}.form-group .custom-radio-label{cursor:pointer;color:#666;white-space:nowrap;align-items:center;gap:10px;margin-bottom:0;font-size:14px;font-weight:500;transition:all .2s;display:flex}.form-group .custom-radio-label:hover{color:#333}.custom-radio-label:has(input:checked){color:#111;font-weight:600}.radio-text{align-items:center;height:22px;line-height:1;display:flex}.custom-radio-label input{display:none}.radio-mark{box-sizing:border-box;border:2px solid #ccc;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:all .2s;display:inline-block;position:relative}.custom-radio-label input:checked+.radio-mark{border-color:#3cb018}.custom-radio-label input:checked+.radio-mark:after{content:"";background-color:#3cb018;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pricing-section{margin-top:32px}.pricing-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.pricing-title{color:#333;margin:0 0 4px;font-size:15px;font-weight:600}.pricing-subtitle{color:#666;margin:0;font-size:12px}.toggle-wrapper{align-items:center;gap:8px;display:flex}.toggle-label{color:#666;font-size:14px}.toggle-switch{width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#ccc;border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background-color:#3cb018}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.pricing-grid{border:1px solid #ddd;border-radius:6px;grid-template-columns:repeat(3,1fr);gap:0;display:grid;overflow:hidden}.pricing-col{text-align:center;border-right:1px solid #ddd;padding:16px}.pricing-col:last-child{border-right:none}.pricing-col label{color:#666;margin-bottom:12px;font-size:14px;display:block}.add-modal-footer{gap:16px;margin-top:auto;padding:24px 32px;display:flex}.btn-modal-outline,.btn-modal-solid{cursor:pointer;border-radius:6px;flex:1;padding:14px;font-size:16px;font-weight:700;transition:all .2s}.btn-modal-outline{color:#dc2626;background-color:#fff;border:1px solid #dc2626}.btn-modal-outline:hover{background-color:#fef2f2}.btn-modal-solid{color:#fff;background-color:#256e05;border:none}.btn-modal-solid:hover:not(:disabled){background-color:#1c5204}.btn-modal-solid:disabled{cursor:not-allowed;opacity:.7;background-color:#ccc}.product-history-container{border:1px solid #ddd;border-radius:6px;max-height:150px;overflow-y:auto}.product-history-container::-webkit-scrollbar{width:6px}.product-history-container::-webkit-scrollbar-track{background:0 0}.product-history-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.product-history-table{border-collapse:collapse;text-align:left;width:100%}.product-history-table th{color:#666;z-index:10;background-color:#f5f5f5;border-bottom:1px solid #ddd;padding:10px 12px;font-size:13px;font-weight:600;position:sticky;top:0}.product-history-table td{color:#444;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:14px}.product-history-table tr:last-child td{border-bottom:none}.category-list-container{background-color:#0000;flex-direction:column;height:calc(100vh - 128px);font-family:Inter,sans-serif;display:flex;overflow:hidden}.category-list-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.category-list-title{color:#256e05;text-transform:uppercase;margin:0;padding-top:8px;font-size:28px;font-weight:800;line-height:1.4}.btn-add-category{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:6px;height:40px;padding:0 20px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add-category:hover{background-color:#1c5204}.category-filter-bar{background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #0000000d}.category-search-wrapper{flex:1;position:relative}.category-search-icon{color:#999;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.category-search-input{box-sizing:border-box;border:1px solid #e0e0e0;border-radius:6px;outline:none;width:100%;padding:10px 10px 10px 40px;font-size:14px;transition:border-color .2s}.category-search-input:focus{border-color:#256e05}.category-bulk-actions{gap:8px;display:flex}.btn-bulk-action{color:#555;cursor:pointer;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.btn-bulk-action:hover{color:#333;background-color:#e0e0e0}.category-table-header,.category-item-header{grid-template-columns:90px 1fr 200px 48px;align-items:center;display:grid}.category-table-header{color:#fff;background-color:#256e05;border-radius:8px;flex-shrink:0;margin-bottom:16px;padding:16px;font-size:15px;font-weight:600}.category-col-name{align-items:center;display:flex}.category-col-count{justify-content:center;align-items:center;display:flex}.category-col-actions{justify-content:flex-start;align-items:center;display:flex}.category-col-chevron{justify-content:flex-end;align-items:center;display:flex}.category-list-body{flex-direction:column;flex:1;gap:16px;display:flex;overflow-y:scroll}.category-list-body::-webkit-scrollbar-button{display:none}.category-accordion{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-shrink:0;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000d}.category-accordion.expanded{border-color:#cde6c5}.category-item-header{cursor:pointer;background-color:#fff;padding:16px;transition:background-color .2s}.category-item-name{color:#256e05;font-size:14px;font-weight:700}.category-item-count{color:#333;font-size:14px;font-weight:500}.category-item-actions{gap:4px;display:flex}.btn-icon-action{color:#666;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.btn-icon-action:hover{color:#256e05;background-color:#dcedd7}.btn-icon-action.delete:hover{color:#dc3545;background-color:#ffe6e6}.btn-expand{cursor:pointer;color:#666;background:0 0;border:1px solid #666;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex}.category-accordion.expanded .btn-expand{color:#256e05;border-color:#256e05}.btn-expand:hover{background-color:#f0f0f0}.category-accordion.expanded .btn-expand:hover{background-color:#dcedd7}.category-product-list{background-color:#fff;border-top:1px solid #e0e0e0;margin:0;padding:0;list-style:none}.category-product-item{color:#333;border-bottom:1px solid #f0f0f0;padding:16px 16px 16px 106px;font-size:14px;font-weight:500}.category-product-item:last-child{border-bottom:none}.category-list-body::-webkit-scrollbar{width:6px}.category-list-body::-webkit-scrollbar-track{background:0 0}.category-list-body::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.category-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.category-modal-content{background-color:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:500px;display:flex;box-shadow:0 4px 12px #00000026}.category-modal-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.category-modal-title{color:#256e05;margin:0;font-size:20px;font-weight:700}.btn-close-modal{color:#333;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.btn-close-modal:hover{background-color:#f0f0f0}.category-modal-body{flex-direction:column;gap:15px;padding:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#333;font-size:14px;font-weight:600}.modal-subtitle{color:#666;margin-top:-4px;margin-bottom:4px;font-size:13px}.modal-input{border:1px solid #ddd;border-radius:6px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s}.modal-input:focus:not(:disabled){border-color:#256e05}.modal-input:disabled{color:#666;cursor:not-allowed;background-color:#f5f5f5}.modal-input.error{border-color:#dc3545}.modal-input.error:focus{border-color:#dc3545;box-shadow:0 0 0 2px #dc354540}.price-config-box{border:1px solid #ddd;border-radius:6px;grid-template-columns:1fr 1fr 1fr;display:grid}.price-col{border-right:1px solid #ddd;flex-direction:column;gap:8px;padding:16px;display:flex}.price-col:last-child{border-right:none}.price-col label{color:#333;text-align:center;font-size:14px;font-weight:600}.price-col .modal-input{text-align:center}.category-modal-footer{grid-template-columns:1fr 2fr;gap:16px;padding:20px 24px;display:grid}.btn-modal-cancel.outline{color:#dc3545;cursor:pointer;background-color:#fff;border:1px solid #dc3545;border-radius:6px;padding:12px 20px;font-size:16px;font-weight:600;transition:all .2s}.btn-modal-cancel.outline:hover{background-color:#ffe6e6}.btn-modal-submit{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:6px;padding:12px 20px;font-size:16px;font-weight:600;transition:background-color .2s}.btn-modal-submit:hover:not(:disabled){background-color:#1c5204}.btn-modal-submit:disabled{cursor:not-allowed;background-color:#a3c995}.btn-modal-delete{background-color:#dc3545!important}.btn-modal-delete:hover:not(:disabled){background-color:#c82333!important}.btn-modal-delete:disabled{background-color:#fca5a5!important}.category-modal-last-updated{color:#256e05;text-align:left;margin-top:16px;padding:0 24px 20px;font-size:13px}.btn-add-category.outline{color:#256e05;background-color:#fff;border:1px solid #256e05}.btn-add-category.outline:hover{background-color:#f2f9f0}.bulk-price-table-container{border:1px solid #ddd;border-radius:6px;max-height:220px;overflow-y:auto}.bulk-price-table-container::-webkit-scrollbar{width:6px}.bulk-price-table-container::-webkit-scrollbar-track{background:0 0}.bulk-price-table-container::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:10px}.bulk-price-table{border-collapse:collapse;text-align:left;width:100%}.bulk-price-table th{color:#256e05;z-index:10;background-color:#e8f5e9;border-bottom:1px solid #c8e6c9;padding:10px 12px;font-size:13px;font-weight:600;position:sticky;top:0}.bulk-price-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:10px 12px;font-size:14px}.bulk-price-table tr:last-child td{border-bottom:none}.orders-page-container{flex-direction:column;gap:20px;height:calc(100vh - 128px);display:flex;overflow:hidden}.orders-page-header{justify-content:space-between;align-items:center;display:flex}.orders-page-title{color:#256e05;text-transform:uppercase;margin:0;font-size:28px;font-weight:800}.btn-export-excel{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;transition:background-color .2s;display:flex}.btn-export-excel:hover{background-color:#1c5204}.btn-icon-img{object-fit:contain;width:18px;height:18px}.orders-filter-bar{background-color:#fff;border-radius:8px;flex-direction:column;gap:14px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0000000d}.orders-filter-row{align-items:center;gap:16px;width:100%;display:flex}.orders-search-wrapper{flex:1;position:relative}.orders-search-icon{color:#999;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.orders-search-input{border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:8px 12px 8px 36px;font-size:14px}.orders-search-input:focus{border-color:#256e05}.orders-date-group{color:#555;align-items:center;gap:8px;font-size:14px;display:flex}.orders-date-input{border:1px solid #ddd;border-radius:6px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.orders-result-count{color:#333;background-color:#f2fcf5;border:1px solid #d8e8d0;border-radius:6px;align-items:center;gap:6px;margin-left:auto;padding:8px 16px;font-size:14px;font-weight:500;display:flex}.orders-result-count strong{color:#256e05;font-size:16px;font-weight:700}.orders-filter-select{background-color:#fff;border-radius:6px;outline:none;min-width:140px;font-size:14px}.btn-clear-filter{color:#dc3545;cursor:pointer;background-color:#0000;border:1px solid #dc3545;border-radius:6px;padding:8px 16px;font-size:14px;transition:all .2s}.btn-clear-filter:disabled{opacity:.5;cursor:not-allowed;color:#f5c2c7;border-color:#f5c2c7}.btn-clear-filter:not(:disabled):hover{color:#fff;background-color:#dc3545}.orders-split-layout{flex:1;gap:20px;min-height:0;display:flex;overflow:hidden}.orders-left-column{flex-direction:column;flex:1;gap:20px;min-height:0;display:flex;overflow:hidden}.orders-list-panel{background-color:#fff;border-radius:8px;flex:1;position:relative;overflow-y:auto;box-shadow:0 2px 8px #0000000d}.panel-is-refreshing{opacity:.92}.panel-refresh-badge{z-index:2;color:#256e05;background:#fffffff2;border:1px solid #c8e6b8;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;position:absolute;top:8px;right:10px;box-shadow:0 1px 4px #00000014}.orders-list-panel::-webkit-scrollbar{width:4px}.orders-list-panel::-webkit-scrollbar-track{background:0 0}.orders-list-panel::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.orders-list-panel::-webkit-scrollbar-button{display:none}.orders-table{border-collapse:collapse;width:100%}.orders-table th{color:#fff;text-align:left;z-index:10;background-color:#256e05;padding:14px 16px;font-size:14px;font-weight:600;position:sticky;top:0}.orders-table td{color:#333;vertical-align:middle;border-bottom:1px solid #eee;padding:16px;font-size:14px}.orders-table tr{cursor:pointer;transition:background-color .15s}.orders-table tr:hover{background-color:#fafafa}.orders-table tr.selected{background-color:#f2fcf5}.order-id-text{color:#e65100;font-weight:600}.order-time-text{color:#777;margin-top:4px;font-size:12px}.order-status-badge{text-align:center;border-radius:4px;min-width:80px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-block}.status-completed{color:#2e7d32;background-color:#e8f5e9}.status-cancelled{color:#c62828;background-color:#ffebee}.order-detail-panel{background-color:#fff;border-radius:8px;flex-direction:column;width:450px;min-height:0;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.order-detail-header{justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.order-detail-title-wrapper{align-items:center;gap:12px;display:flex}.order-detail-icon{color:#256e05;background-color:#e8f5e9;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.order-detail-title{color:#256e05;margin:0;font-size:20px;font-weight:700}.btn-save-order{color:#256e05;cursor:pointer;background-color:#0000;border:1px solid #256e05;border-radius:6px;padding:8px 24px;font-weight:600;transition:all .2s}.btn-save-order:disabled{opacity:.5;cursor:not-allowed;color:#a5d6a7;border-color:#a5d6a7}.btn-save-order:not(:disabled):hover{color:#fff;background-color:#256e05}.order-detail-body{flex-direction:column;flex:1;padding:0 16px 16px;display:flex;overflow:hidden}.order-info-wrapper{background-color:#f7f8f6;border-radius:8px;padding:16px}.order-info-grid{grid-template-columns:1fr 1fr;gap:14px 24px;margin-bottom:14px;display:grid}.order-info-item{flex-direction:column;gap:6px;display:flex}.order-info-label{color:#777;min-width:80px;font-size:13px;font-weight:500}.order-info-value{color:#111;font-size:15px;font-weight:500}.order-info-item--bank-transfer .order-info-label{color:#888;font-weight:400}.order-payment-with-proof{align-items:center;gap:6px;display:flex}.order-payment-with-proof .order-payment-method-text{color:#111;font-size:15px;font-weight:500}.btn-transfer-proof-icon{color:#3cb018;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;display:inline-flex}.btn-transfer-proof-icon:hover{color:#256e05}.btn-transfer-proof-icon:active{transform:scale(.96)}.transfer-proof-view-icon{display:block}.order-status-group{align-items:center;gap:14px;margin-bottom:16px;display:flex}.order-status-group:last-child{margin-bottom:0}.radio-group{gap:20px;display:flex}.radio-label{color:#333;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.reason-input{background-color:#fff;border:1px solid #ddd;border-radius:6px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.reason-input:focus{border-color:#256e05}.order-products-section{flex-direction:column;flex:1;margin-top:16px;display:flex;overflow:hidden}.order-products-table-wrapper{border-radius:6px;flex:1;overflow-y:auto}.order-products-table-wrapper::-webkit-scrollbar{width:4px}.order-products-table-wrapper::-webkit-scrollbar-track{background:0 0}.order-products-table-wrapper::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:10px}.order-products-table-wrapper::-webkit-scrollbar-button{display:none}.order-products-title{color:#111;margin-bottom:12px;font-size:15px;font-weight:700}.order-products-table{border-collapse:collapse;width:100%}.order-products-table th{color:#fff;text-align:left;text-transform:uppercase;z-index:1;background-color:#256e05;padding:10px 12px;font-size:12px;font-weight:600;position:sticky;top:0}.order-products-table td{color:#333;background-color:#f2fcf5;border-bottom:1px solid #eee;padding:12px;font-size:13px}.product-item-name{margin-bottom:4px;font-weight:600}.product-item-desc{color:#666;font-size:11px}.order-detail-footer{border-top:1px solid #ddd;flex-direction:column;gap:8px;padding:15px 20px;display:flex}.order-summary-row{color:#333;justify-content:space-between;align-items:center;font-size:15px;font-weight:500;display:flex}.order-summary-row.total{border-bottom:1px solid #eee;margin-bottom:4px;padding-bottom:12px;font-size:18px;font-weight:700}.order-summary-row.total .value{color:#dc3545}.order-summary-row.small{color:#666;font-size:14px;font-weight:400}.transfer-proof-modal-overlay{z-index:1100;background-color:#00000073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.transfer-proof-modal{background-color:#fff;border-radius:12px;width:100%;max-width:400px;max-height:90vh;padding:20px 22px 22px;overflow-y:auto;box-shadow:0 8px 28px #0003}.transfer-proof-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;padding-bottom:12px;display:flex}.transfer-proof-modal-title{color:#111;margin:0;font-size:17px;font-weight:700}.transfer-proof-modal-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.transfer-proof-modal-close:hover{color:#111;background-color:#f0f0f0}.transfer-proof-order-code{color:#888;margin:12px 0 14px;font-size:13px}.transfer-proof-total{background-color:#f7f8f6;border-radius:8px;flex-direction:column;gap:6px;margin-bottom:16px;padding:14px 16px;display:flex}.transfer-proof-total-label{color:#777;font-size:13px;font-weight:500}.transfer-proof-total-value{color:#256e05;font-size:22px;font-weight:700}.transfer-proof-image-wrap{background-color:#fafafa;border:1px solid #eee;border-radius:8px;justify-content:center;align-items:center;min-height:120px;padding:8px;display:flex}.transfer-proof-image{object-fit:contain;border-radius:4px;max-width:100%;max-height:55vh}.transfer-proof-no-image{color:#888;text-align:center;margin:24px 12px;font-size:14px}.export-modal-overlay{z-index:1000;background-color:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.export-modal{background-color:#fff;border-radius:8px;width:400px;padding:24px;box-shadow:0 4px 12px #00000026}.export-modal-title{color:#111;border-bottom:1px solid #eee;margin-top:0;margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:600}.export-modal-content p{color:#333;margin:8px 0;font-size:14px}.export-modal-filename{background:#f4f8f1;border:1px solid #d8e8d0;border-radius:6px;padding:10px 12px;margin-top:12px!important}.export-modal-filename code{color:#1a4d08;word-break:break-all;margin-top:6px;font-family:Consolas,Courier New,monospace;font-size:13px;display:block}.export-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel-export{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:6px;padding:8px 16px;font-weight:500}.btn-confirm-export{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:6px;padding:8px 16px;font-weight:500}.btn-confirm-export:disabled{cursor:not-allowed;background-color:#ccc}.empty-detail{color:#666;text-align:center;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-detail-icon{color:#ccc;margin-bottom:16px}.empty-detail-text{color:#888;font-size:16px;font-weight:500}.table-management-page{flex-direction:column;height:100%;display:flex;overflow:hidden}.tables-page-header-row{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.tables-page-title{color:#256e05;text-transform:uppercase;margin:0;font-size:28px;font-weight:800}.tables-legend{gap:16px;display:flex}.legend-item{color:#666;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-free{background-color:#b1b1b1}.legend-in-use{background-color:#349409}.legend-near-overdue{background-color:#f2bf3d}.legend-overdue{background-color:#c42326}.tables-alert-warning{color:#b78103;background-color:#fff8e1;border:1px solid #ffe082;border-radius:8px;flex-shrink:0;margin-bottom:12px;padding:10px 14px;font-size:13px;font-weight:500}.tables-top-filters{background-color:#fff;border-radius:12px;flex-shrink:0;align-items:center;gap:16px;margin-bottom:16px;padding:12px;display:flex}.tables-search-container{background-color:#fff;border:1px solid #eaeaea;border-radius:8px;align-items:center;gap:8px;width:250px;padding:8px 16px;display:flex}.tables-search-input{color:#333;background:0 0;border:none;outline:none;flex:1;font-size:14px}.table-management-page .filter-pills-scroll{scrollbar-width:none;flex:1;gap:8px;display:flex;overflow-x:auto}.table-management-page .filter-pills-scroll::-webkit-scrollbar{display:none}.table-management-page .filter-pills-scroll .pill-btn{text-align:center;flex:1}.pill-btn{white-space:nowrap;color:#888;cursor:pointer;background-color:#fff;border:1.5px solid #eaeaea;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s}.pill-btn.active{color:#fff;background-color:#349409;border-color:#349409;box-shadow:0 2px 6px #34940926}.tables-split-body{flex:1;gap:16px;min-height:0;display:flex}.tables-grid-panel{flex:1;padding-right:8px;overflow-y:auto}.tables-grid-panel::-webkit-scrollbar{width:4px}.tables-grid-panel::-webkit-scrollbar-track{background:0 0}.tables-grid-panel::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:4px}.cards-grid-mockup{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding-bottom:16px;display:grid}.table-management-page .table-card-box{cursor:pointer;background-color:#fff;border:2px solid #b1b1b1;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 3px 8px #00000005}.table-management-page .table-card-box:active{transform:scale(.98)}.table-management-page .table-card-box.free{border-color:#b1b1b1}.table-management-page .table-card-box.in-use{border-color:#349409}.table-management-page .table-card-box.near-overdue{border-color:#f2bf3d}.table-management-page .table-card-box.overdue{border-color:#c42326}.table-management-page .table-card-box.locked{opacity:.85;border-color:#b1b1b1}.table-management-page .table-card-header{color:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:16px;font-weight:800;display:flex}.table-management-page .free .table-card-header{background-color:#b1b1b1}.table-management-page .in-use .table-card-header{background-color:#349409}.table-management-page .near-overdue .table-card-header{background-color:#f2bf3d}.table-management-page .overdue .table-card-header{background-color:#c42326}.table-management-page .locked .table-card-header{background-color:#b1b1b1}.table-management-page .table-card-number{font-size:18px;font-weight:800}.table-management-page .table-card-badge-tag{color:inherit;background-color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:3px 10px;font-size:10px;font-weight:800;display:inline-flex}.table-management-page .free .table-card-badge-tag{color:#b1b1b1}.table-management-page .in-use .table-card-badge-tag{color:#349409}.table-management-page .near-overdue .table-card-badge-tag{color:#f2bf3d}.table-management-page .overdue .table-card-badge-tag{color:#c42326}.table-management-page .locked .table-card-badge-tag{color:#b1b1b1}.table-management-page .table-card-body{text-align:center;flex-direction:column;flex:1;justify-content:space-between;align-items:center;min-height:0;padding:10px;display:flex}.table-management-page .table-card-timer{letter-spacing:.5px;margin-top:4px;font-size:18px;font-weight:800}.table-management-page .free .table-card-timer{color:#b1b1b1}.table-management-page .in-use .table-card-timer{color:#349409}.table-management-page .near-overdue .table-card-timer{color:#f2bf3d}.table-management-page .overdue .table-card-timer{color:#c42326}.table-management-page .locked .table-card-timer{color:#b1b1b1}.table-management-page .table-card-subtext{color:#a0a0a0;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-top:2px;font-size:11px;font-weight:600;overflow:hidden}.table-management-page .table-card-actions{gap:6px;width:100%;margin-top:8px;display:flex}.table-management-page .card-plus-btn{cursor:pointer;background-color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;line-height:1;transition:all .2s;display:flex}.table-management-page .in-use .card-plus-btn{color:#349409;border:1.5px solid #349409}.table-management-page .near-overdue .card-plus-btn{color:#f2bf3d;border:1.5px solid #f2bf3d}.table-management-page .overdue .card-plus-btn{color:#c42326;border:1.5px solid #c42326}.table-management-page .card-checkout-btn{cursor:pointer;letter-spacing:.3px;background-color:#fff;border-radius:8px;flex:1;height:32px;font-size:12px;font-weight:800;transition:all .2s}.table-management-page .overdue .card-checkout-btn{color:#c42326;border:1.5px solid #c42326}.table-management-page .overdue .card-checkout-btn:hover{color:#fff;background-color:#c42326}.table-management-page .near-overdue .card-checkout-btn{color:#b08d00;border:1.5px solid #f2bf3d}.table-management-page .in-use .card-checkout-btn{color:#349409;border:1.5px solid #349409}.table-management-page .in-use .card-checkout-btn:hover{color:#fff;background-color:#349409}.table-management-page .card-wide-btn{cursor:default;letter-spacing:.3px;border:1.5px solid #e0e0e0;border-radius:8px;flex:1;height:32px;font-size:11px;font-weight:800}.table-management-page .card-free-btn{color:#b1b1b1;background-color:#fff;font-size:20px;font-weight:500;line-height:1}.table-management-page .card-locked-btn{color:#999;background-color:#f5f5f5}.no-cards-found{text-align:center;color:#888;padding:40px 20px;font-weight:500}.tables-detail-panel{flex-direction:column;flex-shrink:0;width:400px;display:flex}.tables-detail-card{background-color:#fff;border-radius:16px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000000d}.tables-detail-header{border-bottom:1px solid #f0f0f0;padding:14px}.tables-detail-title{color:#349409;margin:0;font-size:24px;font-weight:800}.tables-detail-body{flex-direction:column;flex:1;padding:14px;display:flex;overflow-y:auto}.tables-detail-body::-webkit-scrollbar{width:4px}.tables-detail-body::-webkit-scrollbar-track{background:0 0}.tables-detail-body::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:4px}.tables-detail-info-grid{background-color:#f7f8f6;border:1px solid #eaeaea;border-radius:12px;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px;padding:14px;display:grid}.tables-info-item{flex-direction:column;gap:4px;display:flex}.tables-info-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.tables-info-value{color:#111;font-size:14px;font-weight:600}.tables-products-section{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex}.tables-section-title{color:#111;margin:0;font-size:16px;font-weight:800}.tables-products-table-wrapper{flex:1;width:100%;padding-right:4px;overflow:hidden auto}.tables-products-table-wrapper::-webkit-scrollbar{width:4px}.tables-products-table-wrapper::-webkit-scrollbar-track{background:0 0}.tables-products-table-wrapper::-webkit-scrollbar-thumb{background-color:#256e054d;border-radius:4px}.tables-products-table{border-collapse:separate;border-spacing:0 8px;text-align:left;width:100%;font-size:13px}.tables-products-table th{z-index:10;color:#fff;text-transform:uppercase;background-color:#306b0e;padding:10px 8px;font-weight:600;position:sticky;top:0}.tables-products-table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.tables-products-table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.tables-products-table td{color:#111;vertical-align:middle;background-color:#fff;padding:10px 8px}.tables-products-table tr.row-package-4h td{background-color:#f0f8ec}.tables-products-table tr:not(.row-package-4h) td{background-color:#fff}.tables-products-table td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.tables-products-table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.tables-no-products{text-align:center;color:#888;padding:24px!important}.tables-sheet-footer{background-color:#fff;border-top:1.5px solid #f0f0f0;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.tables-sheet-total-row{color:#555;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;display:flex}.tables-total-price{color:#c42326;font-size:20px;font-weight:800}.tables-no-selection{color:#888;text-align:center;background-color:#fff;border:2px dashed #ddd;border-radius:16px;justify-content:center;align-items:center;height:100%;padding:20px;font-weight:600;display:flex}.settings-page-container{color:#333;max-width:1200px;margin:0 auto;padding:24px;font-family:Inter,sans-serif}.settings-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.settings-title{color:#1a1a1a;margin:0;font-size:24px;font-weight:700}.settings-section{background-color:#fff;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 4px 12px #0000000d}.settings-section-title{color:#1a1a1a;align-items:center;gap:8px;margin-top:0;margin-bottom:16px;font-size:18px;font-weight:600;display:flex}.settings-section-desc{color:#666;margin-bottom:20px;font-size:14px;line-height:1.5}.settings-form-row{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.settings-form-group{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.settings-form-group label{color:#555;font-size:13px;font-weight:600}.settings-input,.settings-select{background-color:#fafafa;border:1px solid #ddd;border-radius:8px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.settings-input:focus,.settings-select:focus{background-color:#fff;border-color:#256e05;box-shadow:0 0 0 3px #256e051a}.btn-delete-data{color:#c62828;cursor:pointer;background-color:#fce4e4;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-delete-data:hover:not(:disabled){color:#fff;background-color:#c62828}.btn-delete-data:disabled{opacity:.5;cursor:not-allowed}.btn-export-data{color:#fff;cursor:pointer;background-color:#256e05;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 6px #256e0533}.btn-export-data:hover:not(:disabled){background-color:#1a4d04;transform:translateY(-1px);box-shadow:0 6px 8px #256e054d}.btn-export-data:disabled{opacity:.6;cursor:not-allowed}.settings-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal-content{background-color:#fff;border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 10px 25px #0003}.settings-modal-header{color:#c62828;align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-modal-header h3{margin:0;font-size:18px;font-weight:700}.settings-modal-body{color:#444;margin-bottom:24px;font-size:14px;line-height:1.5}.settings-modal-body strong{color:#111}.settings-modal-footer{justify-content:flex-end;gap:12px;display:flex}.settings-btn-cancel{color:#555;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.settings-btn-cancel:hover{background-color:#f5f5f5}.settings-btn-confirm{color:#fff;cursor:pointer;background-color:#c62828;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:background-color .2s}.settings-btn-confirm:hover{background-color:#b71c1c}