body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{background-color:#f4f6f9;font-family:Arial,sans-serif}.login-container{align-items:center;background:linear-gradient(180deg,#3b82f6,#60a5fa,#93c5fd);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;max-width:400px;padding:2rem;text-align:center;width:100%}.login-card h2{color:#1e3a8a;font-size:2rem;font-weight:600;margin-bottom:1.5rem}.login-card input[type=password],.login-card input[type=text]{background-color:#f9fafb;border:1px solid #d1d5db!important;border-radius:4px!important;box-sizing:border-box!important;color:#374151;font-size:1rem!important;margin-top:.5rem;padding:.75rem 40px .75rem .75rem!important;transition:all .3s ease!important;width:100%!important}.login-card input[type=password]:focus,.login-card input[type=text]:focus{border-color:#3b82f6!important;box-shadow:0 0 0 2px #3b82f633!important;outline:none!important}.login-card button{background-color:#3b82f6;border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:.75rem;transition:background-color .3s ease-in-out;width:100%}.login-card button:hover{background-color:#2563eb}.login-card label{color:#6b7280;display:block;font-size:.875rem;font-weight:500;margin-top:1rem;text-align:left}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem}.loader-container{background-color:var(--primary);border:none;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-top:1rem;padding:.5rem;width:100%}.login-error-message-container{margin-top:4px;text-align:center;width:100%}.login-error-message{color:red;font-family:Poppins;font-size:12px}.password-container{align-items:center;display:flex;position:relative;width:100%}.toggle-password{background:none;border:none;cursor:pointer;font-size:18px;position:absolute;right:10px;top:15px}.loader{border:3px solid #fff;border-top:3px solid var(--primary);height:16px;width:16px}@media (max-width:768px){.login-container{padding:1rem}.login-card{margin:.5rem;max-width:100%;padding:1.5rem}.login-card h2{font-size:1.75rem;margin-bottom:1.25rem}.login-card input[type=password],.login-card input[type=text]{font-size:1rem!important;padding:.875rem!important}.login-card button{font-size:1rem;padding:.875rem}.toggle-password{right:15px;top:18px}}@media (max-width:480px){.login-container{padding:.5rem}.login-card{margin:.25rem;padding:1.25rem}.login-card h2{font-size:1.5rem;margin-bottom:1rem}.login-card input[type=password],.login-card input[type=text]{font-size:.9rem!important;padding:.75rem!important}.login-card button{font-size:.9rem;padding:.75rem}.login-card label{font-size:.8rem;margin-top:.75rem}.toggle-password{font-size:16px;right:12px;top:16px}}@media (max-width:360px){.login-card{padding:1rem}.login-card h2{font-size:1.25rem}.login-card input[type=password],.login-card input[type=text]{font-size:.85rem!important;padding:.65rem!important}.login-card button{font-size:.85rem;padding:.65rem}}.dashboard-container{margin:0 auto;max-width:94%;padding:1rem}.dashboard-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.welcome-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;padding:1rem}.welcome-title{font-size:1.125rem;font-weight:600}.welcome-subtitle{color:#666}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(1,1fr);margin-bottom:1rem}.card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}@media (max-width:767px){.dashboard-title{font-size:1.2rem;margin-bottom:.75rem}.welcome-title{font-size:.9rem}.card-title{font-size:.875rem;margin-bottom:.4rem}.stats-content p{font-size:.875rem;margin:.25rem 0}.action-button{font-size:.875rem;padding:.4rem .8rem}.activity-table td,.activity-table th{font-size:.8rem;padding:.4rem .6rem}.dashboard-container{max-width:96%;padding:.75rem}.activity-card,.stats-card,.welcome-card{margin-bottom:.75rem;padding:.75rem}.stats-grid{gap:.75rem}.quick-actions{gap:.4rem}}@media (max-width:378px){.dashboard-title{font-size:1.1rem;margin-bottom:.5rem}.welcome-title{font-size:.8rem}.card-title{font-size:0;margin-bottom:.1rem}.stats-content p{font-size:.75rem;margin:.2rem 0}.action-button{font-size:.75rem;padding:.3rem .6rem}.activity-table td,.activity-table th{font-size:.7rem;padding:.3rem .4rem}.dashboard-container{max-width:98%;padding:.5rem}.activity-card,.stats-card,.welcome-card{margin-bottom:.5rem;padding:.5rem}.stats-grid{gap:.5rem}.quick-actions{gap:.3rem}}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(3,1fr)}}.stats-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem}.quick-actions,.stats-content{display:flex;flex-direction:column;gap:.5rem}.action-button{border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem;transition:background-color .2s;width:100%}.action-button.blue{background-color:#2563eb}.action-button.blue:hover{background-color:#1d4ed8}.action-button.green{background-color:#059669}.action-button.green:hover{background-color:#047857}.action-button.purple{background-color:#7c3aed}.action-button.purple:hover{background-color:#6d28d9}.activity-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem}.table-container{overflow-x:auto}.activity-table{border-collapse:collapse;width:100%}.activity-table td,.activity-table th{border:1px solid #e5e7eb;padding:.5rem 1rem;text-align:left}.activity-table th{background-color:#f9fafb}.modal-content{border-radius:.5rem;padding:1.5rem;width:100%}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.close-button{font-size:1.5rem;padding:.25rem}.add-user-form{display:flex;flex-direction:column;gap:1rem}.form-group{gap:.5rem}.form-group input,.form-group select{border:1px solid #e5e7eb;border-radius:.25rem;padding:.5rem}.modal-footer{gap:1rem;margin-top:1rem}.cancel-button{background-color:#6b7280;border-radius:.25rem;padding:.5rem 1rem}.cancel-button:hover{background-color:#4b5563}.submit-button{background-color:#2563eb;border:none;border-radius:.25rem;color:#fff;cursor:pointer;padding:.5rem 1rem}.submit-button:hover{background-color:#1d4ed8}.search-button{align-items:center;background-color:#f9fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#2d3748;display:flex;font-family:Poppins!important;height:36px;max-width:400px;overflow:hidden;padding:0 12px;position:relative;transition:all .2s ease;width:100%}.search-button:focus-within{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none!important}.search-icon{color:#94a3b8;right:12px;top:50%;transform:translateY(-50%);transition:color .2s ease}.search-button:focus-within .search-icon{color:#3b82f6}.searchBar-input{background-color:initial;border:none!important;border-radius:0!important;box-shadow:none!important;box-sizing:border-box;color:#2d3748;font-size:.875rem!important;height:100%;outline:none!important;padding:0 30px 0 0!important;width:100%}.searchBar-input::placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.searchBar-input:focus::placeholder{color:#cbd5e1}@media (max-width:768px){.search-button{height:40px;max-width:none;padding:0 14px;width:100%}.search-icon{right:14px}.searchBar-input{font-size:1rem!important;padding:0 35px 0 0!important}}@media (max-width:480px){.search-button{height:44px;padding:0 16px}.search-icon{right:16px}.searchBar-input{padding:0 40px 0 0!important}}.user-management-container{font-family:Poppins;margin:0 auto;max-width:96%;padding:1rem}.user-management-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.user-management-add-user,.user-management-users-table{background-color:#fff;border:1px solid #f0f0f0;border-radius:10px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;margin-bottom:1rem;padding:1rem}.user-management-section-title{color:#2d3748;font-size:1rem;font-weight:600}.user-management-section-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:1rem}.user-management-add-user-form,.user-management-modal-content,.user-management-permissions{grid-gap:1.25rem;display:grid;gap:1.25rem}.user-management-form-group{display:flex;flex-direction:column;gap:.5rem;max-width:435px}.user-management-label{color:#4a5568;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.user-management-input,.user-management-input-select{background-color:#f9fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;font-size:.875rem;height:36px;min-width:0;padding:.5rem .75rem;transition:all .2s ease;width:100%}.user-management-input-select::placeholder,.user-management-input::placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input::-webkit-input-placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input::-moz-placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input:-ms-input-placeholder{color:#94a3b8;font-size:.875rem;opacity:1}.user-management-input-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;padding-right:2.5rem}.user-management-input-select:focus,.user-management-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626;outline:none}.user-management-input:focus::placeholder{color:#cbd5e1;opacity:1}.user-management-input:disabled{background-color:#f1f5f9;border-color:#cbd5e1;color:#64748b;cursor:not-allowed;opacity:.8}.user-management-add-user-form .user-management-input,.user-management-add-user-form .user-management-input-select{max-width:435px}.user-management-checkbox-label{align-items:center;color:#4a5568;cursor:pointer;display:flex;font-size:1rem}.user-management-checkbox{accent-color:#3b82f6;border-radius:4px;cursor:pointer;height:18px;margin-right:.75rem;width:18px}.user-management-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.user-management-button:disabled{cursor:not-allowed;opacity:.7}.user-management-button-primary{background-color:#3b82f6;color:#fff}.user-management-button-primary:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 4px #2563eb33;transform:translateY(-1px)}.user-management-button-secondary{background-color:#f59e0b;color:#fff}.user-management-button-secondary:hover:not(:disabled){background-color:#d97706;box-shadow:0 2px 4px #d9770633;transform:translateY(-1px)}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:10px;box-shadow:0 2px 4px #0000000d;overflow-x:auto}.user-management-table{border-collapse:initial;border-spacing:0;min-width:600px;overflow:hidden;width:100%}.user-management-table-header{background-color:#f8fafc}.user-management-table-header th{border-bottom:2px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:.75rem;text-align:left}.user-management-button+.user-management-button{margin-left:.5rem}.user-management-table-row:hover{background-color:#f1f5f9}.user-management-table-cell{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;padding:.75rem}.user-management-table-cell-empty{color:#64748b;font-size:.875rem;font-style:italic;padding:1rem;text-align:center}.user-management-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}.user-management-modal{animation:modalFade .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:550px;padding:1.5rem;position:relative;width:100%}@keyframes modalFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-management-modal-close-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1.25rem;top:1.25rem;transition:all .2s ease;width:32px}.user-management-modal-close-button:hover{background-color:#f1f5f9;color:#334155}.user-management-modal-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.user-management-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem}.user-management-loading{align-items:center;color:#4a5568;display:flex;font-size:1rem;gap:.75rem;justify-content:center;padding:2rem 0}.loader{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff}.user-management-table-cell .user-management-button{font-size:.875rem;height:36px;padding:.5rem 1rem}.user-pagination-active{background-color:#f59e0b!important;border:1px solid #f59e0b!important}.user-pagination-active .pagination-link{color:#fff}@media (max-width:1024px){.user-management-container{max-width:98%;padding:.75rem}.user-management-add-user-form{gap:1rem;grid-template-columns:1fr 1fr}.user-management-form-group{max-width:none}.user-management-table-wrapper{overflow-x:auto}.user-management-table{min-width:600px}}@media (max-width:768px){.user-management-container{max-width:100%;padding:.5rem}.user-management-title{font-size:1.125rem;margin-bottom:.75rem}.user-management-add-user,.user-management-users-table{margin-bottom:.75rem;padding:.75rem}.user-management-section-title{font-size:.9rem}.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr}.user-management-form-group{max-width:none}.user-management-input,.user-management-input-select{font-size:.25rem;height:40px;padding:.75rem}.user-management-button{font-size:1rem;height:40px;padding:.75rem 1rem}.user-management-section-wrapper{flex-direction:column;gap:.75rem}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.user-management-table{font-size:.9rem;min-width:600px}.user-management-table-cell,.user-management-table-header th{padding:.6rem;white-space:nowrap}.user-management-table-cell .user-management-button{font-size:.8rem;height:32px;padding:.4rem .8rem}.user-management-modal{margin:1rem;max-width:90%;padding:1rem}.user-management-modal-content{gap:1rem}.user-management-modal-actions{flex-direction:column;gap:.75rem}.user-management-modal-actions .user-management-button{width:100%}}@media (max-width:480px){.user-management-container{padding:.25rem}.user-management-title{font-size:1rem;margin-bottom:.5rem}.user-management-add-user,.user-management-users-table{border-radius:8px;margin-bottom:.5rem;padding:.5rem}.user-management-section-title{font-size:.85rem}.user-management-add-user-form{gap:.5rem}.user-management-input,.user-management-input-select{font-size:.75rem;height:44px;padding:.75rem}.user-management-button{font-size:1rem;height:44px;padding:.75rem 1rem}.user-management-section-wrapper{gap:.5rem}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.user-management-table{font-size:.8rem;min-width:500px}.user-management-table-cell,.user-management-table-header th{padding:.5rem;white-space:nowrap}.user-management-table-cell .user-management-button{font-size:.75rem;height:28px;padding:.3rem .6rem}.user-management-modal{margin:.5rem;max-width:95%;padding:.75rem}.user-management-modal-title{font-size:1rem}.user-management-modal-content{gap:.75rem}.user-management-modal-actions{gap:.5rem}.user-management-loading{font-size:.9rem;padding:1rem 0}}@media (max-width:320px){.user-management-container{padding:.125rem}.user-management-add-user,.user-management-users-table{margin-bottom:.375rem;padding:.375rem}.user-management-title{font-size:.9rem}.user-management-section-title{font-size:.8rem}.user-management-input,.user-management-input-select{font-size:.9rem;height:40px;padding:.5rem}.user-management-button{font-size:.9rem;height:40px;padding:.5rem .75rem}.user-management-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.user-management-table{font-size:.75rem;min-width:400px}.user-management-table-cell,.user-management-table-header th{padding:.4rem;white-space:nowrap}.user-management-table-cell .user-management-button{font-size:.7rem;height:24px;padding:.25rem .5rem}.user-management-modal{margin:.25rem;max-width:98%;padding:.5rem}.user-management-modal-title{font-size:.9rem}}@media (max-width:768px) and (orientation:landscape){.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr 1fr}.user-management-modal{max-width:80%}.user-management-modal-actions{flex-direction:row}.user-management-modal-actions .user-management-button{flex:1 1;width:auto}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.user-management-table-wrapper{box-shadow:0 1px 2px #0000000d}.user-management-add-user,.user-management-users-table{box-shadow:0 2px 3px #0000000d,0 1px 2px #0000001a}}@media print{.user-management-container{max-width:100%;padding:0}.user-management-add-user,.user-management-button,.user-management-modal-overlay{display:none}.user-management-table-wrapper{border:1px solid #000;box-shadow:none}.user-management-table{min-width:auto}}@media (max-width:768px){.user-management-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000!important}.user-management-modal{border-radius:10px;margin:0 auto;max-width:400px;position:relative;width:90%;z-index:10000}}.cm-select-wrapper{display:inline-block;font-family:inherit;max-width:100%;position:relative;width:100%}.cm-select-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:#f9fafc;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#2d3748;cursor:pointer;display:flex;gap:8px;height:44px;justify-content:space-between;padding:10px 12px;width:100%}.cm-select-toggle.placeholder{color:#94a3b8}.cm-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.cm-select-value.placeholder{color:#94a3b8}.cm-select-caret{background-color:initial;display:inline-block;height:12px;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234a5568%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>") center /contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%234a5568%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><polyline points=%276 9 12 15 18 9%27/></svg>") center /contain no-repeat;width:12px}.cm-select-list{transform-origin:top center;transition:opacity .12s ease,transform .12s ease}.cm-select-list.open-down{bottom:auto;transform:translateY(0)}.cm-select-list.open-up{top:auto;transform:translateY(0)}.cm-select-option{font-size:.95rem;overflow:hidden;padding:10px 12px;text-overflow:ellipsis;white-space:nowrap}.cm-select-option:hover{color:#1f2937}.cm-select-option.selected{background:#f59e0b;color:#fff}@media (max-width:480px){.cm-select-list{border-radius:10px;left:8px;margin:6px 0;max-height:calc(100vh - 120px);right:8px}.cm-select-list.open-up{bottom:calc(100% + 6px)}}@media (max-width:768px){.user-management-container{padding:.5rem}.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr}.cm-select-toggle,.user-management-input{font-size:.95rem;height:44px;padding:10px 12px}.user-management-button{font-size:1rem;height:44px;padding:.75rem 1rem}.user-management-modal{margin:1rem;max-width:420px;padding:1rem;width:90%;z-index:10005}.user-management-modal-overlay{z-index:10000}}@media (max-width:480px){.user-management-modal{margin:.5rem;max-width:96%;padding:.75rem}.cm-select-list{max-height:calc(100vh - 90px)}.user-management-button+.user-management-button{margin-left:0}}@media (max-width:768px) and (orientation:landscape){.user-management-add-user-form{gap:.75rem;grid-template-columns:1fr 1fr}}.cm-select-caret{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;height:16px;width:16px}.cm-select-list{background:#fff;border:1px solid #0000000f;border-radius:8px;box-shadow:0 6px 18px #0000001f;left:0;list-style:none;margin:6px 0 0;max-height:320px;opacity:0;overflow:auto;padding:6px;pointer-events:none;position:absolute;right:0;transition:opacity .12s ease;z-index:99999}.cm-select-list.visible{opacity:1;pointer-events:auto}.cm-select-list.open-down{top:100%}.cm-select-list.open-up{bottom:100%}.cm-select-option{border-radius:6px;color:#2d3748;cursor:pointer;font-size:.875rem;padding:8px 10px}.cm-select-option+.cm-select-option{margin-top:4px}.cm-select-option:hover{background:#f1f5f9}.cm-select-option.selected{background:#585857;color:#ced4df}@media (max-width:768px){.cm-select-list{border-radius:10px;left:8px;max-height:calc(100vh - 120px);right:8px}.cm-select-toggle{font-size:.9rem;height:40px}}.user-management-add-user-form .cm-select-wrapper,.user-management-add-user-form .user-management-custom-dropdown{display:inline-block;vertical-align:top;width:71%}@media (max-width:768px){.user-management-add-user-form .cm-select-wrapper,.user-management-add-user-form .user-management-custom-dropdown{width:100%}}.group-management-container{margin:0 auto;max-width:94%;padding:1rem}.group-management-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.role-form-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.role-input{min-width:510px}.parent-tab-section,.role-input{border:1px solid #d1d5db;border-radius:.375rem;margin-bottom:1rem;padding:.75rem}.parent-tab-section{align-items:flex-start;display:flex;flex-direction:column;max-width:510px}.parent-tab-checkbox{align-items:center;display:flex;font-weight:600}.parent-tab-checkbox input{margin-right:.5rem}.child-tab-section{padding-left:1.5rem}.child-tab-item{align-items:flex-start;display:flex;flex-direction:column;margin:1rem 0}.child-tab-checkbox{align-items:center;display:flex;margin-bottom:.25rem}.child-tab-checkbox input{margin-right:.5rem}.permissions-section{display:flex;gap:.75rem;margin-top:1rem;padding-left:1.5rem}.permission-checkbox{align-items:center;display:flex}.permission-checkbox input{margin-right:.25rem}.add-role-button{background-color:#3b82f6;border:none;border-radius:.375rem;color:#fff;cursor:pointer;margin-top:1rem;padding:.75rem 1.25rem}.roles-table-container{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.roles-table th{background-color:#f9fafb;border-bottom:2px solid #e5e7eb;padding:.75rem;text-align:left}.roles-table td{border-bottom:1px solid #e5e7eb;padding:.75rem}.tab-badge{background-color:#e6f2ff;border-radius:9999px;color:#3b82f6;display:inline-block;font-size:.75rem;margin-bottom:.5rem;margin-right:.5rem;padding:.25rem .5rem}.expand-indicator{color:#999696;cursor:pointer;font-size:.8em;margin-left:8px}.child-tab-checkbox span,.parent-tab-checkbox span{align-items:center;display:flex}.roles-table{border-collapse:collapse;margin-top:20px;width:100%}.roles-table td,.roles-table th{border:1px solid #ddd;padding:8px;text-align:left}.roles-table th{background-color:#f4f4f4;font-weight:700;max-width:400px;min-width:200px}.role-row:hover{background-color:#f1f1f1}.delete-button{border-radius:3px}.delete-button:hover{background-color:#d32f2f}.group-management-top-right{margin-bottom:70px;position:relative}.group-management-button-top-right{background-color:#3b82f6;color:#fff;position:absolute;right:0;top:0}.group-management-button{align-items:flex-end;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;height:36px;justify-content:flex-end;padding:.5rem 1rem;transition:all .2s ease}.actions-container{display:flex;justify-content:flex-end;margin-bottom:20px}.popup-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.popup-overlay~*{pointer-events:none}.popup-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:700px;position:relative;width:80%;z-index:10000}.popup-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.popup-header h3{color:#333;font-size:18px;margin:0}.permissions-title{margin-top:10px}.close-button{background:none;border:none;color:#666;cursor:pointer;font-size:24px}.popup-content{flex-grow:1;overflow-x:hidden;overflow-y:auto;padding:20px}.popup-footer{border-top:1px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end;padding:15px 20px}.permissions-container{border:1px solid #e0e0e0;border-radius:4px;max-height:400px;overflow-y:auto;padding:10px}.role-input{border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:10px;width:100%}.child-tab-title,.parent-tab-title{align-items:center;cursor:pointer;display:inline-flex;justify-content:space-between;padding:5px 0;width:100%}.add-role-button,.save-button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px}.cancel-button{background-color:#f1f1f1;border-radius:4px;color:#333;padding:8px 16px}.edit-button{background-color:#2196f3;margin-right:5px}.delete-button,.edit-button{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.delete-button{background-color:#f44336}.action-buttons{gap:5px}.confirm-popup{max-width:400px}.no-data{color:#666;padding:15px;text-align:center}.loading-indicator{display:flex;justify-content:center;padding:20px}.loader{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;display:inline-block;height:20px;width:20px}.flex{align-items:center;display:flex}.admin-access-checkbox{margin-bottom:1rem}.admin-access-checkbox label{align-items:center;cursor:pointer;display:flex;font-size:.9rem}.admin-access-checkbox input{margin-right:.5rem}@media (max-width:768px){.group-management-container{margin:0;max-width:100%;padding:.5rem}.group-management-title{font-size:1.25rem;margin-bottom:.75rem}.group-management-top-right{display:flex;justify-content:flex-end;margin-bottom:1rem;position:static}.group-management-button-top-right{font-size:.8rem;max-width:150px;padding:.5rem .75rem;position:static;width:100%}.role-form-container{margin-bottom:1rem;padding:1rem}.role-input{box-sizing:border-box;max-width:100%;min-width:100%;width:100%}.parent-tab-section{max-width:100%;padding:.5rem;width:100%}.permissions-section{flex-direction:column;gap:.5rem;padding-left:.5rem}.permission-checkbox{margin-bottom:.5rem}.roles-table-container{overflow-x:auto;padding:.75rem}.roles-table{min-width:600px}.roles-table td,.roles-table th{font-size:.8rem;min-width:120px;padding:.5rem .25rem}.tab-badge{font-size:.7rem;margin-bottom:.25rem;margin-right:.25rem;padding:.2rem .4rem}.action-buttons{flex-direction:column;gap:.25rem}.delete-button,.edit-button{font-size:.75rem;margin-right:0;max-width:80px;padding:.4rem .8rem;width:100%}.popup-overlay{align-items:center;padding:1rem}.popup-container{border-radius:8px;height:auto;margin:0;max-height:90vh;max-width:500px;width:95%}.popup-header{padding:1rem}.popup-header h3{font-size:1rem}.popup-content{flex:1 1;overflow-y:auto;padding:1rem}.popup-footer{flex-direction:column;gap:.5rem;padding:1rem}.cancel-button,.save-button{padding:.75rem;width:100%}.permissions-container{max-height:300px;padding:.5rem}.child-tab-title,.parent-tab-title{font-size:.9rem;padding:.4rem 0}.child-tab-section{padding-left:1rem}.permission-checkbox{font-size:.85rem}.admin-access-checkbox{margin-bottom:1rem}.admin-access-checkbox label{align-items:center;cursor:pointer;display:flex;font-size:.9rem}.admin-access-checkbox input{margin-right:.5rem}.table-filters{flex-direction:column;gap:.75rem;margin-bottom:1rem}.filter-dropdown-container{width:100%}.filter-dropdown-button{font-size:.9rem;padding:.75rem;width:100%}.search-container{width:100%}.search-input{font-size:.9rem;padding:.75rem;width:100%}.user-management-modal{margin:.5rem;max-width:95%;padding:1rem}.user-management-modal-actions{flex-direction:column;gap:.5rem}.user-management-modal-actions .user-management-button{padding:.75rem;width:100%}}@media (max-width:480px){.group-management-container{padding:.25rem}.group-management-title{font-size:1.1rem;margin-bottom:.5rem}.role-form-container,.roles-table-container{padding:.5rem}.roles-table{min-width:500px}.roles-table td,.roles-table th{font-size:.75rem;min-width:100px;padding:.4rem .2rem}.tab-badge{font-size:.65rem;padding:.15rem .3rem}.delete-button,.edit-button{font-size:.7rem;max-width:70px;padding:.3rem .6rem}.popup-container{border-radius:8px;height:auto;margin:0;max-height:95vh;max-width:450px;width:98%}.popup-content,.popup-footer,.popup-header{padding:.75rem}.parent-tab-section{padding:.4rem}.child-tab-section{padding-left:.75rem}.permissions-section{padding-left:.25rem}.permission-checkbox{font-size:.8rem}.user-management-modal{margin:.25rem;max-width:98%;padding:.75rem}}@media (max-width:768px) and (orientation:landscape){.popup-container{max-height:85vh;max-width:600px;width:90%}.permissions-container{max-height:200px}.roles-table{min-width:700px}}.loading-animation{display:flex;justify-content:center}.spinner{animation:spin 1s ease infinite;border:4px solid #0000001a;border-left-color:#3498db;border-radius:50%;height:36px;margin-top:20px;width:36px}.transaction-list-container{margin:0 auto;max-width:94%;padding:1rem}.transaction-list-header-wrapper{margin-bottom:1.5rem}.transaction-list-header,.transaction-list-header-wrapper{align-items:center;display:flex;justify-content:space-between}.transaction-list-header{margin-bottom:2rem}.transaction-list-header h2{font-size:1.5rem;font-weight:700}.create-transaction-button{background-color:var(--primary-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.transaction-management-create-button-container{display:flex;gap:.75rem;justify-content:right}.create-transaction-button:hover{background-color:var(--primary-hover)}.transaction-table-container{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;overflow-x:auto}.transaction-table{border-collapse:collapse;width:100%}.transaction-table td,.transaction-table th{border-bottom:1px solid var(--border-color);font-size:.875rem;padding:.75rem 1rem;text-align:left}.transaction-table th{background-color:#f9fafb;color:var(--text-primary);font-weight:500}.transaction-row:hover{background-color:#f3f4f6}.transaction-management-container{margin:0 auto;max-width:96%;padding:1rem}.transaction-management-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.transaction-management-add-transaction{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.transaction-management-button,.transaction-management-section-title{font-weight:700;margin-bottom:1rem}.transaction-management-button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;height:36px;justify-content:center;padding:.5rem 1rem;transition:all .3s ease}.transaction-management-button-primary{background:#3b82f6;border:none;color:#fff}.transaction-management-button-primary:hover{background:#2563eb}.transaction-management-button-secondary{background:#f59e0b;border:none;color:#fff}.transaction-management-button-secondary:hover{background:#d97706}.transaction-management-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.transaction-management-table{border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.transaction-management-table-header{background-color:#f1f3f5}.transaction-management-table-header th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.transaction-management-table-row:hover{background-color:#f8fafc}.transaction-management-table-cell{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;padding:.75rem 1rem}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.125rem;height:200px;justify-content:center}.tab-detail-category-table-filter-text{font-family:Poppins;font-size:18px;font-weight:lighter}.tab-detail-category-table-filters{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.tab-detail-category-table-search-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;max-width:400px;position:relative;transition:all .2s ease}.tab-detail-category-table-search-container:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.tab-detail-category-table-search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.tab-detail-category-table-filter-search{background:#0000;border:none;color:#334155;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.tab-detail-category-table-filter-search:focus{outline:none}.tab-detail-category-table-filter-searchIcon{cursor:pointer;height:18px;opacity:.6;position:absolute;right:1rem;transition:opacity .2s ease;width:18px}.tab-detail-category-table-filter-searchIcon:hover{opacity:1}.tab-detail-category-table-filter-container{align-items:center;gap:20px;padding:15px}.tab-detail-category-dropdown-container{cursor:pointer;display:inline-block;min-width:200px;position:relative}.tab-detail-category-dropdown-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;min-width:200px;padding:.75rem 1rem;transition:all .2s ease}.tab-detail-category-dropdown-button:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.tab-detail-category-dropdown-button .dropdown-arrow{align-items:center;color:#a19f9f;display:flex;margin-left:.5rem;pointer-events:none;position:absolute;right:10px}.tab-detail-category-dropdown-button:focus,.tab-detail-category-dropdown-button:hover{box-shadow:0 4px 4px -2px #0003}.tab-detail-category-dropdown-options{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:.25rem;position:absolute;right:0;top:100%;z-index:10}.dropdown-option{color:#333;cursor:pointer;font-size:14px;padding:10px}.dropdown-option:hover{background-color:var(--secondary)}.add-item-dropdown-option{color:#334155;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:background-color .2s}.add-item-dropdown-option:hover{background-color:#f8fafc}.no-data-message{color:#64748b;font-size:.875rem;padding:2rem;text-align:center}@media (max-width:768px){.transaction-management-container{max-width:100%;padding:.5rem}.transaction-list-header-wrapper{align-items:stretch;flex-direction:column;gap:1rem}.transaction-management-title{font-size:1.125rem;margin-bottom:.5rem;text-align:center}.transaction-management-create-button-container{justify-content:center}.transaction-management-button{margin:0 auto;max-width:300px;width:100%}.transaction-management-add-transaction{margin-bottom:1rem;padding:1rem}.transaction-management-section-title{font-size:1rem;margin-bottom:1rem;text-align:center}.tab-detail-category-table-filters{flex-direction:column;gap:.75rem;padding:.75rem}.tab-detail-category-table-search-container{align-items:center;display:flex;height:48px;max-width:100%;order:2;width:100%}.tab-detail-category-dropdown-container{align-items:center;display:flex;height:48px;min-width:100%;order:1;width:100%}.tab-detail-category-dropdown-button{align-items:center;box-sizing:border-box;display:flex;height:48px;justify-content:space-between;min-width:100%;padding:.75rem 1rem;width:100%}.tab-detail-category-table-filter-search{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;font-size:.875rem;height:48px;padding:.75rem 2.5rem .75rem 1rem;width:100%}.transaction-management-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.transaction-management-table{min-width:600px;width:100%}.transaction-management-table-cell{white-space:nowrap}.transaction-management-table-cell,.transaction-management-table-header th{font-size:.8rem;padding:.5rem .75rem}.transaction-management-button{font-size:.75rem;height:auto;padding:.375rem .75rem}.pagination{flex-wrap:wrap;gap:.25rem;margin-top:1rem}.pagination,.pagination-box{align-items:center;display:flex;justify-content:center}.pagination-link{background:#fff;border-radius:6px;color:#64748b;font-size:.875rem;min-width:40px;padding:.5rem .75rem;text-align:center;text-decoration:none;transition:all .2s ease}.pagination-link:hover{background:#f1f5f9;color:#334155}.pagination-active .pagination-link{background:#fbbf24;color:#000;font-weight:600}.pagination-disabled .pagination-link{cursor:not-allowed;opacity:.5}@media (max-width:480px){.transaction-management-container{padding:.25rem}.transaction-management-add-transaction,.transaction-mobile-card{padding:.75rem}.transaction-mobile-card-body{gap:.75rem;grid-template-columns:1fr}.transaction-mobile-card-actions{justify-content:center}.transaction-mobile-card-button{flex:1 1;max-width:120px}.pagination-link{background:#fff;font-size:.75rem;min-width:32px;padding:.375rem .5rem}.pagination-active .pagination-link{background:#fbbf24;color:#000;font-weight:600}}}@media (min-width:769px){.transaction-management-table-wrapper{overflow-x:visible}.transaction-management-table{min-width:auto}.transaction-management-table-cell{white-space:normal}.transaction-management-table-cell,.transaction-management-table-header th{font-size:.875rem;padding:.75rem 1rem}.transaction-management-button{font-size:.875rem;height:36px;padding:.5rem 1rem}}@media (max-width:768px){.transaction-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.tab-detail-category-table-filters{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2}.transaction-management-table{min-width:600px;width:100%}}@media screen and (max-width:768px){.tab-detail-category-table-filters{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:6px;justify-content:space-between;padding:4px 10px;position:sticky;top:0;z-index:2}.tab-detail-category-dropdown-container{flex:0.8 1}.tab-detail-category-dropdown-button{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:12px;height:28px;padding:0 8px}.tab-detail-category-table-search-container{align-items:center;display:flex;flex:1.2 1;position:relative}.tab-detail-category-table-filter-search{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:12px;height:28px;padding:0 26px 0 8px;width:100%}.tab-detail-category-table-filter-searchIcon{cursor:pointer;height:14px;position:absolute;right:8px;width:14px}}.transaction-page{margin:0 auto;max-width:94%;padding:1rem}.transaction-container{margin:0 auto;max-width:1200px}.page-header{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.form-card{margin-bottom:1.5rem}.card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);padding:1rem 1.5rem}.card-header h2{color:#111827;color:var(--text-primary,#111827);font-size:1rem;font-weight:500}.card-body{padding:1.5rem}.badge-secondary{background-color:#f3f4f6;color:#6b7280;color:var(--secondary-color,#6b7280)}.input-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.input-group{gap:.5rem}.color-input:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;outline:none}.input-group select{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:4px;font-size:.75rem;padding:.5rem;width:100%}.input-group select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;box-shadow:0 0 0 2px rgba(var(--primary-rgb,79,70,229),.1);outline:none}.btn{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.5rem;height:36px;justify-content:center;padding:.625rem 1.25rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.btn-primary{background-color:#4f46e5;background-color:var(--primary-color,#4f46e5);border:none;color:#fff;min-width:145px}.btn-primary:hover{background-color:#4338ca;background-color:var(--primary-hover,#4338ca)}.btn-secondary{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#6b7280;color:var(--secondary-color,#6b7280)}.btn-secondary:hover{background-color:#f9fafb}.form-actions{margin-top:2rem}.inline-checkbox{align-items:center;flex-direction:row}.fields-section{background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;margin-top:1rem;padding:1rem}.fields-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.fields-header h4{color:#111827;color:var(--text-primary,#111827);font-size:.875rem;font-weight:500;margin:0}.pickup-data-container{background-color:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;margin-bottom:1rem;padding:1rem}@media (max-width:768px){.transaction-page{max-width:100%;padding:.25rem}.transaction-container{max-width:100%}.form-card{border-radius:6px;margin-bottom:1rem;padding:.5rem}.card-header h2{font-size:.8rem}.input-grid{gap:.6rem}.form-actions{align-items:stretch;flex-direction:column;gap:.7rem;margin-bottom:1.5rem;margin-top:1rem;padding-bottom:1.2rem;width:100%}.form-actions button{box-sizing:border-box;font-size:1rem;min-width:0;min-width:auto;padding-left:0;padding-right:0;width:100%}.page-header{font-size:.99rem;font-size:1.9rem}.checkbox-label,.fields-header h4,.input-group label{font-size:.7rem!important}}@media (max-width:378px){.transaction-page{max-width:100vw;padding:.1rem}.transaction-container{max-width:100vw;padding:0}input[type=number],input[type=text],select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;font-size:.6rem;padding:.625rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.form-card{border-radius:5px;margin-bottom:.7rem;padding:.3rem .15rem}.card-header h2{font-size:.7rem;white-space:normal;word-break:break-word}.input-grid{gap:.38rem;grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column;gap:.7rem;margin-bottom:1.6rem;margin-top:1rem;padding-bottom:1.4rem;width:100%}.form-actions button{box-sizing:border-box;font-size:1rem;padding-left:0;padding-right:0;width:100%}.btn,.form-actions button{min-width:0;min-width:auto}.btn{font-size:.92rem;padding-left:.3rem;padding-right:.3rem}.checkbox-label,.fields-header h4,.input-group label{font-size:.7rem!important}input[type=number],input[type=text],select{font-size:1rem}}.loading-container{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-transactions-container{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center}.no-transactions-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:400px;padding:2rem;text-align:center;width:90%}.no-transactions-content h2{color:#2c3e50;margin-bottom:1rem}.no-transactions-content p{color:#7f8c8d;margin-bottom:1.5rem}.no-transactions-content button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.75rem 1.5rem;transition:background-color .2s}.no-transactions-content button:hover{background-color:#2980b9}.color-button{background:conic-gradient(red,#ff0,lime,aqua,blue,#f0f,red);border:none;border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;cursor:pointer;display:inline-block;height:40px;margin-right:8px;vertical-align:middle;width:40px}.color-button:focus{box-shadow:0 0 0 3px #4299e180;outline:none}.color-input{width:-webkit-fill-available}.color-popover{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;left:0;padding:12px;position:absolute;top:calc(100% + 8px);z-index:10}.color-code-container{align-items:center;display:flex;position:relative}.transaction-select-wrapper{display:inline-block;font-family:inherit;max-width:100%;position:relative;width:100%}.transaction-select-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:#f8fafb;border:1px solid #e5e7eb;border-radius:.375rem;box-sizing:border-box;color:#212325;cursor:pointer;display:flex;font-size:10px;gap:8px;height:auto;justify-content:space-between;padding:.57rem;transition:border-color .18s linear;width:100%}.transaction-select-toggle:hover{border-color:#a2a5ac}.transaction-select-toggle:focus{border-color:#1942e6;box-shadow:0 0 0 2px #1942e614;outline:none}.transaction-select-toggle.placeholder{color:#aeb0b8}.transaction-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.transaction-select-value.placeholder{color:#aeb0b8}.transaction-select-caret{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;height:12px;width:12px}.transaction-select-list{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 8px #64646f14;left:0;list-style:none;margin:4px 0 0;max-height:220px;opacity:0;overflow:hidden;padding:4px;pointer-events:none;position:absolute;right:0;transition:opacity .18s;z-index:10001}.transaction-select-list.visible{opacity:1;pointer-events:auto}.transaction-select-list.open-down{top:100%}.transaction-select-list.open-up{bottom:100%}.transaction-select-option{border-radius:2px;color:#24274d;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .18s}.transaction-select-option+.transaction-select-option{margin-top:2px}.transaction-select-option:hover{background:#f1f3f4}.transaction-select-option.selected{background:#e9eefd;color:#193be6}.page-header{font-size:.99rem}@media (max-width:768px){.transaction-select-list{left:8px;max-height:calc(100vh - 120px);right:8px}.transaction-select-list.open-up{bottom:calc(100% + 4px)}}@media (max-width:378px){.transaction-select-list{left:4px;max-height:calc(100vh - 80px);right:4px}}.master-transaction-page{background-color:#f8fafc;min-height:100vh;padding:2rem 0}.master-transaction-container{margin:0 auto;max-width:1200px;padding:0 1rem}.page-header{color:#1a202c;font-size:2rem;font-weight:600;margin-bottom:2rem}.master-transaction-form{display:flex;flex-direction:column;gap:1.5rem}.form-card{background-color:#fff;background-color:var(--card-background,#fff);border-radius:.5rem;border-radius:var(--border-radius,.5rem);box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.card-header h2{color:#1a202c;font-size:1.25rem;font-weight:600;margin:0}.badge{border-radius:1rem;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.badge-primary{background-color:#4f46e5;background-color:var(--primary-color,#4f46e5);color:#fff}.card-body{padding:2rem}.input-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column}.input-group label{color:#111827;color:var(--text-primary,#111827);font-size:.75rem;font-weight:500;margin-bottom:.5rem}.input-group input,.input-group select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;box-sizing:border-box;font-size:.75rem;height:36px;padding:.625rem;transition:all .3s ease;transition:var(--transition,all .3s ease);width:100%}.input-group input:focus,.input-group select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;outline:none}.checkbox-grid{grid-gap:1rem;gap:1rem;margin-top:1rem}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-wrapper input[type=checkbox]{accent-color:#3b82f6;height:1rem;width:1rem}.disabled-input{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.checkbox-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label{color:#374151;font-weight:500}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:1.25rem;margin-right:.75rem;width:1.25rem}.optional-button{background:#3b82f6;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.25rem .75rem;transition:background-color .2s}.optional-button:hover{background:#2563eb}.fields-container{gap:1rem}.data-rows,.fields-container{display:flex;flex-direction:column}.data-rows{gap:.75rem}.data-row{align-items:center;background-color:#f9fafb;border-radius:.375rem;display:flex;gap:1rem;padding:.75rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.data-row:hover{background-color:#f3f4f6}.row-inputs{display:flex;flex:1 1;gap:.75rem}.row-inputs>*{flex:1 1}input[type=number],input[type=text],select{border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:.375rem;font-size:.75rem;padding:.625rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}input[type=number]:focus,input[type=text]:focus,select:focus{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);box-shadow:0 0 0 2px #4f46e51a;outline:none}.field-inputs-row .input-group{flex:0 0 auto;margin-bottom:0}.field-inputs-row .checkbox-group{align-items:center;display:flex;flex:0 0 auto;margin-bottom:0;white-space:nowrap}.checkbox-label{color:#111827;color:var(--text-primary,#111827);font-size:.75rem}.field-inputs-row .checkbox-group input[type=checkbox]{height:.875rem;margin-right:.25rem;width:.875rem}.remove-field-icon{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex:0 0 auto;font-size:12px;font-weight:700;height:18px;justify-content:center;transition:background-color .2s;width:18px}.remove-field-icon:hover{background:#dc2626}.add-field-section{margin-top:1rem}.add-btn{align-items:center;background-color:#fff;border:2px dashed #e5e7eb;border:2px dashed var(--border-color,#e5e7eb);border-radius:.375rem;color:#6b7280;color:var(--secondary-color,#6b7280);cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;justify-content:center;margin-top:.75rem;padding:.75rem;position:relative;transition:all .3s ease;transition:var(--transition,all .3s ease);width:100%}.add-btn:hover{border-color:#4f46e5;border-color:var(--primary-color,#4f46e5);color:#4f46e5;color:var(--primary-color,#4f46e5)}.remove-btn{align-items:center;background:none;border:none;color:#ef4444;color:var(--danger-color,#ef4444);cursor:pointer;display:flex;flex:0 0 auto;justify-content:center;opacity:.5;padding:.375rem;transition:all .3s ease;transition:var(--transition,all .3s ease)}.remove-btn:hover{opacity:1}.form-actions{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;display:flex;gap:1rem;justify-content:flex-end;padding:2rem}.cancel-button{background:#6b7280;border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.cancel-button:hover{background:#4b5563}.save-button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.save-button:hover:not(:disabled){background:#2563eb}.save-button:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:768px){.master-transaction-container{padding:0 .5rem}.page-header{font-size:1rem}.card-header h2{color:#1a202c;font-size:1rem;font-weight:600;margin:0}.card-body,.card-header{padding:1rem}.input-grid{gap:1rem;grid-template-columns:1fr}.field-inputs-row{flex-direction:column;gap:1rem}.field-inputs-row .input-group{flex:none;width:100%}.field-inputs-row .checkbox-group{flex:none;margin-right:0;width:100%}.form-actions{flex-direction:column}}@media (max-width:378px){.card-header h2{color:#1a202c;font-size:.9rem;font-weight:600;margin:0}}.field-master-container{max-width:1200px;padding:20px}.field-master-card{box-shadow:0 2px 4px #0000001a;padding:20px}.card-title{margin-bottom:1rem}.validation-container{display:flex;flex-direction:column;gap:20px}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#374151;font-weight:500}.form-input{padding:8px 12px}.form-input,.form-select{border:1px solid #e5e7eb;border-radius:4px;font-size:14px}.form-select{padding:.57rem!important}.form-input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.checkbox-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:16px;width:16px}.field-submit-button-container{display:flex;gap:10px;justify-content:center}.field-submit-button{background-color:#2563eb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .2s;width:100px}.field-submit-button:hover{background-color:#1d4ed8}.dropdown-label{color:#9ca3af}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield}.field-master-select-wrapper{display:inline-block;font-family:inherit;max-width:100%;position:relative;width:100%}.field-master-select-toggle{align-items:center;-webkit-appearance:none;appearance:none;background:#f9fafc;border:1px solid #e5e7eb;border-radius:4px;box-sizing:border-box;color:#2d3748;cursor:pointer;display:flex;font-size:14px;gap:8px;height:auto;justify-content:space-between;padding:.57rem;transition:border-color .2s ease;width:100%}.field-master-select-toggle:hover{border-color:#cbd5e1}.field-master-select-toggle:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a;outline:none}.field-master-select-toggle.placeholder{color:#94a3b8}.field-master-select-value{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.field-master-select-value.placeholder{color:#94a3b8}.field-master-select-caret{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234a5568' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;height:12px;width:12px}.field-master-select-list{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;left:0;list-style:none;margin:4px 0 0;max-height:200px;opacity:0;overflow:hidden;padding:4px;pointer-events:none;position:absolute;right:0;transition:opacity .2s ease;z-index:99999}.field-master-select-list.visible{opacity:1;pointer-events:auto}.field-master-select-list.open-down{top:100%}.field-master-select-list.open-up{bottom:100%}.field-master-select-option{border-radius:2px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:background-color .2s ease}.field-master-select-option+.field-master-select-option{margin-top:2px}.field-master-select-option:hover{background:#f3f4f6}.field-master-select-option.selected{background:#0000;color:#374151}@media (max-width:768px){.field-master-container{padding:10px}.checkbox-grid,.form-grid{grid-template-columns:1fr}.field-submit-button-container{flex-direction:column;gap:10px}.field-submit-button-container .btn{width:100%}.data-row{align-items:stretch}.row-inputs{gap:8px}.row-inputs.checkbox-row{align-items:center;flex-direction:row;gap:8px}.pickup-data-container{margin-bottom:12px;padding:12px}.data-row{margin-bottom:8px;padding:10px}.data-row,.row-inputs{display:flex;flex-direction:column;gap:10px}.row-inputs{width:100%}.row-inputs input,.row-inputs select{box-sizing:border-box;font-size:12px;min-width:0;padding:10px 12px;width:100%}.fields-section{margin-top:12px;padding:8px}.fields-section,.fields-section .data-row{box-sizing:border-box;max-width:100%;width:100%}.fields-section .row-inputs{flex-direction:column;gap:8px}.fields-section .row-inputs input,.fields-section .row-inputs select{box-sizing:border-box;font-size:12px;min-width:0;padding:12px 2px;width:100%}.add-btn,.remove-btn{align-self:flex-start;font-size:14px;padding:8px 37px}.checkbox-wrapper{align-items:center;display:flex;flex:1 1;gap:8px;margin:0}.checkbox-wrapper .checkbox-label{margin:0;order:2;white-space:nowrap}.checkbox-wrapper input[type=checkbox]{order:1}.field-master-select-list{left:8px;max-height:calc(100vh - 120px);right:8px}.field-master-select-list.open-up{bottom:calc(100% + 4px)}}@media (max-width:378px){.field-master-container{padding:8px}.field-master-card{padding:15px}.card-title{font-size:1.25rem}.form-input,.form-select{font-size:16px}.checkbox-label{font-size:.875rem}.pickup-data-container{padding:10px}.data-row{gap:8px;padding:8px}.row-inputs{gap:8px}.row-inputs input,.row-inputs select{font-size:12px;min-width:0;padding:10px 12px}.fields-section{padding:2px}.fields-section,.fields-section .data-row{box-sizing:border-box;max-width:100%;width:100%}.fields-section .row-inputs{flex-direction:column;gap:8px}.fields-section .row-inputs input,.fields-section .row-inputs select{box-sizing:border-box;font-size:10x;min-width:0;padding:12px -50px;width:100%}.add-btn,.remove-btn{font-size:12px;padding:6px 35px}.checkbox-wrapper{align-items:center;display:flex;flex:1 1;gap:6px;margin:0}.checkbox-wrapper .checkbox-label{margin:0;order:2;white-space:nowrap}.checkbox-wrapper input[type=checkbox]{order:1}.field-master-select-list{left:4px;max-height:calc(100vh - 100px);right:4px}}.field-master-container{margin:0 auto;max-width:96%;padding:1rem}.field-master-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;min-height:200px;padding:1rem}.card-title{font-size:1.5rem;font-weight:700}.field-master-form{display:flex;flex-direction:column;gap:20px}.field-master-section-title{color:#1a202c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.field-master-button{align-items:center;background-color:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.field-master-button:hover{background-color:#2980b9}.field-master-button-primary{background:#3b82f6;color:#fff}.field-master-button-primary:hover{background:#2563eb}.field-master-button-secondary{background:#f59e0b;color:#fff}.field-master-button-secondary:hover{background:#d97706}.field-master-management-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.field-master-management-table{border-collapse:initial;border-radius:8px;border-spacing:0;overflow:hidden;width:100%}.field-master-management-table-header{background-color:#f1f3f5}.field-master-header-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.field-master-management-table tbody tr:hover{background-color:#f8fafc;transition:background-color .2s ease}.field-master-management-table-header th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#475569;font-size:.875rem;font-weight:600;padding:.75rem 1rem;text-align:left}.field-master-management-table-cell{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.875rem;padding:.75rem 1rem}.field-master-management-button-secondary{background-color:#f1c40f!important;color:#fff}.cancel-button{background-color:#c1c0bf!important;color:#fff}.no-data-message{background-color:#e9ecef;font-weight:700;min-height:100px}.no-data-message,.pagination{align-items:center;display:flex;justify-content:center}.pagination{gap:8px;list-style:none;margin-block-end:.5em;padding:16px 16px 0}.pagination-box{border:1px solid #ccc;border-radius:4px}.pagination-link{align-items:center;border-radius:4px;color:#333;cursor:pointer;display:flex;font-size:17px;font-weight:500;height:26px;justify-content:center;min-width:14px;padding:6px 12px;text-decoration:none;transition:all .2s ease-in-out}.pagination-active{background-color:#f1c40f;border:1px solid#f1c40f}.pagination-active .pagination-link{color:#fff}.pagination-box:hover:not(.pagination-active):not(.pagination-disabled){background-color:#f0f0f0;cursor:pointer}.table-filters{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;margin-bottom:1rem;padding:1rem}.filter-dropdown-container{min-width:200px;position:relative}.filter-dropdown-button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 1rem;transition:all .2s ease}.filter-dropdown-button:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.filter-dropdown-options{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 4px 6px -1px #0000001a;left:0;margin-top:.25rem;position:absolute;right:0;top:100%;z-index:10}.filter-dropdown-option{color:#334155;cursor:pointer;font-size:.875rem;padding:.75rem 1rem;transition:background-color .2s}.filter-dropdown-option:hover{background-color:#f8fafc}.search-container:focus-within{box-shadow:0 0 0 3px #3b82f61a}.search-input{background:#0000;border:none;color:#334155;font-size:.875rem;padding:.75rem 2.5rem .75rem 1rem;width:100%}.search-input:focus{outline:none}.search-icon{cursor:pointer;height:18px;opacity:.6;position:absolute;right:1rem;transition:opacity .2s ease;width:18px}.search-icon:hover{opacity:1}.search-container{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex:1 1;max-width:400px;position:relative;transition:all .2s ease}.search-container:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.search-container:focus-within{border-color:#3b82f6}.field-no-data-message{background-color:initial!important;color:#334155;font-size:.875rem;font-weight:700;height:100px;padding:.75rem 1rem;text-align:center}.action-buttons{align-items:center;display:flex;gap:8px}.field-master-management-button-danger{background-color:#dc3545!important;border:1px solid #dc3545!important;color:#fff!important}.field-master-management-button-danger:hover{background-color:#c82333!important;border-color:#bd2130!important}.field-master-management-button-danger:disabled{background-color:#6c757d!important;border-color:#6c757d!important;cursor:not-allowed!important}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{border-bottom:1px solid #e9ecef;padding:20px 24px 0}.modal-header h3{color:#333;font-size:1.25rem;font-weight:600;margin:0 0 16px}.modal-body{padding:20px 24px}.modal-body p{color:#666;line-height:1.5;margin:0 0 16px}.delete-item-info{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;margin:16px 0;padding:12px}.delete-item-info p{font-size:.9rem;margin:0 0 8px}.delete-item-info p:last-child{margin-bottom:0}.warning-text{color:#dc3545!important;font-weight:500;margin-top:16px!important}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:0 24px 24px}.modal-footer button{min-width:80px}@media (max-width:768px){.field-master-container{max-width:100%;padding:.5rem}.field-master-header-wrapper{align-items:stretch;flex-direction:column;gap:1rem}.field-master-header-wrapper h2{font-size:1.25rem;text-align:center}.field-master-button{font-size:.9rem;padding:.75rem 1rem;width:100%}.field-master-card{min-height:auto;padding:.75rem}.field-master-section-title{font-size:1.1rem;margin-bottom:.75rem}.table-filters{flex-direction:column;gap:.75rem;padding:.75rem}.filter-dropdown-container{width:100%}.filter-dropdown-button{font-size:.85rem;min-height:36px;padding:.5rem .75rem}.search-container{min-height:36px;width:100%}.search-input{font-size:.85rem;padding:.5rem 2rem .5rem .75rem}.field-master-management-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.field-master-management-table{min-width:600px}.field-master-management-table td:nth-child(3),.field-master-management-table th:nth-child(3){display:none}.field-master-management-table-cell,.field-master-management-table-header th{font-size:.8rem;padding:.5rem .75rem}.action-buttons{flex-direction:column;gap:4px;min-width:80px}.action-buttons button{font-size:.75rem;padding:.4rem .6rem;width:100%}.pagination{flex-wrap:wrap;gap:4px;padding:12px 8px 0}.pagination-link{font-size:14px;min-width:12px;padding:4px 8px}.modal-content{margin:10px;max-height:95vh;width:calc(100% - 20px)}.modal-header{padding:16px 20px 0}.modal-header h3{font-size:1.1rem}.modal-body{padding:16px 20px}.modal-body p{font-size:.9rem}.delete-item-info{padding:10px}.delete-item-info p{font-size:.85rem}.modal-footer{flex-direction:column;gap:8px;padding:0 20px 20px}.modal-footer button{padding:.75rem 1rem;width:100%}}@media (max-width:480px){.field-master-container{padding:.25rem}.field-master-card{padding:.5rem}.field-master-header-wrapper h2{font-size:1.1rem}.field-master-section-title{font-size:1rem}.table-filters{padding:.5rem}.field-master-management-table-cell,.field-master-management-table-header th{font-size:.75rem;padding:.4rem .5rem}.action-buttons button{font-size:.7rem;padding:.3rem .5rem}.pagination-link{font-size:12px;padding:3px 6px}.modal-content{margin:5px;width:calc(100% - 10px)}.modal-header{padding:12px 16px 0}.modal-body{padding:12px 16px}.modal-footer{padding:0 16px 16px}}@media (max-width:768px){.field-master-button,.filter-dropdown-button,.search-input{min-height:44px}.pagination-link{align-items:center;display:flex;justify-content:center;min-height:44px;min-width:44px}.action-buttons button{min-height:36px}.field-master-management-table-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.field-master-management-table-wrapper::-webkit-scrollbar{height:6px}.field-master-management-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.field-master-management-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.field-master-management-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}}@media (max-width:768px) and (orientation:landscape){.field-master-container{padding:.5rem}.field-master-card{padding:.75rem}.table-filters{flex-direction:row;flex-wrap:wrap;gap:.5rem}.filter-dropdown-container{flex:1 1;min-width:150px}.search-container{flex:1 1;min-width:200px}}@media (max-width:378px){.card-title{font-size:.1rem;font-weight:700}}@media (max-width:768px){.card-title{font-size:1rem;font-weight:700}.field-master-management-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.field-master-management-table-filters{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:2}.field-master-management-table{min-width:600px;width:100%}}@media screen and (max-width:768px){.table-filters{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;gap:6px;justify-content:space-between;padding:4px 10px;position:sticky;top:0;z-index:2}.filter-dropdown-container{flex:0.8 1}.filter-dropdown-button{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:12px;height:28px;padding:0 8px}.search-container{align-items:center;display:flex;flex:1.2 1;position:relative}.search-input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:12px;height:28px;padding:0 26px 0 8px;width:100%}.search-icon{cursor:pointer;height:14px;position:absolute;right:8px;width:14px}}.layout{min-height:100vh}.sidebar{background-color:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;transition:width .3s ease;z-index:1000}.sidebar.expanded{width:256px}.sidebar.collapsed{width:64px}.sidebar-header{border-bottom:1px solid #e5e7eb;gap:8px;padding:16px;position:relative}.sidebar-header,.toggle-button{align-items:center;display:flex}.toggle-button{background:#fff;border:1px solid #e5e7eb;border-radius:50%;cursor:pointer;height:24px;justify-content:center;position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:24px;z-index:1001}.sidebar-icon{font-size:24px;min-width:24px}.sidebar-title{color:#1f2937;font-size:20px;font-weight:600;white-space:nowrap}.sidebar-nav{flex:1 1;overflow-y:auto;padding:20px 5px}.nav-links{display:flex;flex-direction:column;gap:8px}.nav-link{align-items:center;border-radius:8px;color:#4b5563;display:flex;padding:8px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.nav-link:hover{background-color:#f3f4f6}.nav-link.active{background-color:#eff6ff;color:#2563eb}.logout-section{border-top:1px solid #e5e7eb;padding:16px}.logout-button{background:none;border:none;border-radius:8px;color:#dc2626;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease;white-space:nowrap;width:100%}.logout-button:hover{background-color:#fef2f2}.main-content{background-color:#f3f4f6;flex:1 1;padding:32px;transition:margin-left .3s ease}.main-content.sidebar-expanded{margin-left:256px}.main-content.sidebar-collapsed{margin-left:64px}@media (max-width:768px){body,html{height:100%!important;overflow-x:hidden!important;position:relative!important}.layout,.sidebar{height:100vh!important;overflow:hidden!important}.sidebar{box-shadow:2px 0 8px #0000001a;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;top:0!important;width:80px!important;z-index:1000!important}.sidebar-header{align-items:center;flex-direction:column;justify-content:center;min-height:60px;padding:12px 8px;text-align:center}.sidebar-title{color:#1f2937;display:block;font-size:8px;font-weight:500;line-height:1.1;margin-top:3px;text-align:center;word-break:break-word}.sidebar-icon{display:block;font-size:16px}.sidebar-nav{flex:1 1;max-height:calc(100vh - 120px);min-height:0;overflow:hidden;padding:10px 5px}.nav-links{display:flex;gap:8px}.nav-link,.nav-links{flex-direction:column}.nav-link{align-items:center;justify-content:center;min-height:50px;padding:6px 4px;position:relative;text-align:center}.nav-link[href="/"]:before{content:"📊";display:block;font-size:16px;margin-bottom:3px}.nav-link[href="/"]{font-size:0}.nav-link[href="/"]:after{content:"Dashboard";display:block;font-size:8px;font-weight:500;line-height:1.1;word-break:break-word}.nav-link[href="/users"]:before{content:"👥";display:block;font-size:16px;margin-bottom:3px}.nav-link[href="/users"]{font-size:0}.nav-link[href="/users"]:after{content:"Users";display:block;font-size:8px;font-weight:500;line-height:1.1;word-break:break-word}.nav-link[href="/roles"]:before{content:"🔑";display:block;font-size:16px;margin-bottom:3px}.nav-link[href="/roles"]{font-size:0}.nav-link[href="/roles"]:after{content:"Roles";display:block;font-size:8px;font-weight:500;line-height:1.1;word-break:break-word}.nav-link[href="/transactions"]:before{content:"💰";display:block;font-size:16px;margin-bottom:3px}.nav-link[href="/transactions"]{font-size:0}.nav-link[href="/transactions"]:after{content:"Transactions";display:block;font-size:8px;font-weight:500;line-height:1.1;word-break:break-word}.nav-link[href="/field-master"]:before{content:"🔧";display:block;font-size:16px;margin-bottom:3px}.nav-link[href="/field-master"]{font-size:0}.nav-link[href="/field-master"]:after{content:"Field Master";display:block;font-size:8px;font-weight:500;line-height:1.1;word-break:break-word}.logout-section{background:#fff;border-top:1px solid #e5e7eb;box-sizing:border-box;flex-shrink:0;margin-top:auto;padding:8px 4px;width:100%}.logout-button{align-items:center;display:flex;flex-direction:column;font-size:12px;justify-content:center;min-height:50px;padding:8px 4px;text-align:center}.logout-button:before{content:"↪";display:block;font-size:16px;margin-bottom:3px}.logout-button{font-size:0}.logout-button:after{color:#dc2626;content:"Logout";display:block;font-size:8px;font-weight:500;line-height:1.1}.main-content{height:100vh!important;margin-left:80px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:16px}.toggle-button{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;font-size:12px!important;height:24px!important;justify-content:center!important;position:absolute!important;right:-12px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;z-index:1001!important}}@media (max-width:378px){body,html{height:100%!important;overflow-x:hidden!important;position:relative!important}.layout,.sidebar{height:100vh!important;overflow:hidden!important}.sidebar{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;left:0!important;position:fixed!important;top:0!important;width:70px!important;z-index:1000!important}.sidebar-header{align-items:center;flex-direction:column;justify-content:center;min-height:50px;padding:8px 4px;text-align:center}.sidebar-title{color:#1f2937;display:block;font-size:7px;font-weight:500;line-height:1.1;margin-top:2px;text-align:center;word-break:break-word}.sidebar-icon{display:block;font-size:14px}.sidebar-nav{flex:1 1;max-height:calc(100vh - 100px);min-height:0;overflow:hidden;padding:8px 3px}.nav-link{min-height:45px;padding:4px 2px}.nav-link:before{font-weight:500;line-height:1.1;margin-bottom:3px!important;word-break:break-word}.nav-link:after{font-size:10px!important}.logout-section{background:#fff;box-sizing:border-box;flex-shrink:0;margin-top:auto;padding:6px 3px;width:100%}.logout-button{align-items:center;display:flex;flex-direction:column;font-size:10px;justify-content:center;min-height:45px;padding:6px 2px}.logout-button:before{content:"↪";display:block;font-size:14px;margin-bottom:2px}.logout-button{font-size:0}.logout-button:after{color:#dc2626;content:"Logout";display:block;font-size:7px;font-weight:500;line-height:1.1}.main-content{height:100vh!important;margin-left:70px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:12px}.toggle-button{align-items:center!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:50%!important;cursor:pointer!important;display:flex!important;font-size:10px!important;height:20px!important;justify-content:center!important;position:absolute!important;right:-12px!important;top:50%!important;transform:translateY(-50%)!important;width:20px!important;z-index:1001!important}}.layout{display:flex}.main-content{flex-grow:1;transition:margin-left .3s}.main-content.sidebar-collapsed{margin-left:80px}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--secondary-color:#6b7280;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--background-color:#f3f4f6;--card-background:#fff;--border-color:#e5e7eb;--text-primary:#111827;--text-secondary:#6b7280;--border-radius:0.5rem;--transition:all 0.2s ease-in-out}@font-face{font-family:PoppinsBold;src:url(/static/media/Poppins-Bold.cdb29a5d7ccf57ff05a3.ttf) format("truetype")}@font-face{font-family:PoppinsSemiBold;src:url(/static/media/Poppins-SemiBold.ac8d04b620e54be9b0f0.ttf) format("truetype")}@font-face{font-family:Poppins;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}body{font-family:Poppins,sans-serif;height:100%;margin:0;padding:0}.toast-message-error,.toast-message-success{align-items:center;border-radius:5px;color:#fff;display:flex;font-family:Poppins;font-size:14px;height:fit-content;justify-content:center;margin-left:calc(50% - 150px);margin-top:20px;overflow-x:auto;padding:10px;position:fixed;text-align:center;top:0;width:300px;z-index:999}.toast-message-error{background-color:#f56a6a}.toast-message-success{background-color:#54c41e}h1,h2,h3,h4,h5,h6{margin:0}
/*# sourceMappingURL=main.e1729cb3.css.map*/