:root{--base-margin:0.8rem;--base-padding:0.8rem;font-size:80%}body,html{min-width:320px;overflow-x:auto}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,sans-serif;line-height:1.5}h1{font-size:2rem}h2{font-size:1.5rem}header{align-items:center;background-color:#333;color:#fff;display:flex;padding:10px 20px}header h1{font-size:1.5rem;margin:0}.top-nav{margin-left:auto}.top-nav a{color:#fff;display:inline-block;padding:5px 15px;text-decoration:none}.top-nav a:hover{background-color:#555}.top-nav a.active{background-color:#06c;color:#fff}.auth-section{gap:10px;margin-left:20px}.auth-section,.user-info{align-items:center;display:flex}.user-info{gap:5px}.profile-pic{border-radius:50%;height:32px;width:32px}.page-container{display:flex;min-height:calc(100vh - 50px)}aside{background-color:#f4f4f4;border-right:1px solid #ccc;padding:20px;width:250px}aside ul{list-style-type:none;margin:0;padding:0}aside li{margin-bottom:0}aside a{border-radius:4px;color:#333;display:block;padding:8px;text-decoration:none}aside a:hover{background-color:#eee}aside a.active{background-color:#ddd;font-weight:700}main{flex:1 1;overflow-y:auto;padding:20px}@media (max-width:768px){.page-container{flex-direction:column}aside{border-bottom:1px solid #ccc;border-right:none;width:100%}aside,main{padding:10px}}.search-container{margin-bottom:20px}.search-container label{margin-right:8px}.search-container input[type=text]{border:1px solid #ccc;border-radius:4px;padding:8px;width:250px}table{margin-top:10px}table td,table th{border:1px solid #ccc;padding:5px;text-align:left}table th{background-color:#eee}.status{font-weight:700}.new-status{color:green}img{height:auto;max-width:100%}.footer{background-color:#333;bottom:0;color:#fff;left:0;position:fixed;right:0;text-align:center;z-index:1000}.search-filter-container{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.search-filter-container input[type=text]{flex:1 1;min-width:200px;padding:.5rem}.search-filter-container select{min-width:150px;padding:.5rem}.crudtable-container{min-width:320px;overflow-x:auto;position:relative;width:100%}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ccc;padding:8px;text-align:left}.action-col{padding:.3rem;text-align:center;white-space:nowrap;width:1%}.selected-row{background-color:#f0f8ff}.pagination{align-items:center;display:flex;justify-content:center;margin-top:1rem}.pagination button{cursor:pointer;margin:0 .5rem;padding:.5rem 1rem}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000004d;max-height:90vh;min-width:300px;overflow-y:auto;padding:1.5rem}.modal-field>label:first-child{font-weight:700}@media (min-width:768px){.modal-content{min-width:640px}}.modal-field,.modal-form{display:flex;flex-direction:column}.modal-field{border-bottom:1px solid #eee;border-right:1px solid #eee;margin-bottom:1rem;padding-bottom:.5rem;padding-right:.5rem}@media (min-width:768px){.modal-field:nth-child(2n){border-right:none}}.modal-field:last-child,.modal-field:nth-last-child(2):nth-child(odd){border-bottom:none}.modal-field label{margin-bottom:.3rem}.modal-field input,.modal-field textarea{box-sizing:border-box;padding:.5rem;width:100%}.modal-field.bool-field input[type=checkbox]{cursor:pointer;margin:0;width:auto!important}.modal-field.bool-field{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-start;margin-bottom:1rem}.modal-field.bool-field label{margin:0}.modal-buttons{margin-top:1rem}@media (min-width:768px){.modal-form{grid-gap:1rem;display:grid;grid-template-columns:repeat(2,1fr)}.modal-field{display:flex;flex-direction:column;margin-bottom:0}.modal-field.wide{grid-column:span 2}}.icon-btn{background:none;border:none;cursor:pointer;font-size:1.2rem;margin-right:.3rem}.icon-btn:hover{opacity:.8}.ref-typeahead{position:relative}.selected-chips{margin-bottom:.5rem}.chip{background-color:#e0e0e0;border-radius:12px;display:inline-block;font-size:.9rem;margin-bottom:.3rem;margin-right:.3rem;padding:.2rem .5rem}.chip button{background:none;border:none;cursor:pointer;margin-left:.3rem}.suggestions-dropdown{background:#fff;border:1px solid #ccc;left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1001}.suggestions-dropdown li{cursor:pointer;padding:.5rem}.suggestions-dropdown li.highlighted,.suggestions-dropdown li:hover{background-color:#f0f0f0}.ref-checkbox .checkbox-option{display:flex;margin-bottom:.3rem}.ref-checkbox .checkbox-option input[type=checkbox]{flex:0 1;margin-right:.5rem}.ref-checkbox .checkbox-option label{align-items:center;display:flex;flex:10 1;margin:0}.ref-radio .radio-option{display:flex;margin-bottom:.3rem}.ref-radio .radio-option input[type=radio]{flex:0 1;margin-right:.5rem}.ref-radio .radio-option label{align-items:center;display:flex;flex:10 1;margin:0}.modal-field .checkbox-option .checkbox-label-text{flex:1 1}.ref-single{position:relative}.ref-single input{box-sizing:border-box;padding:.5rem;width:100%}.ref-single .suggestions-dropdown{background:#fff;border:1px solid #ccc;left:0;list-style:none;margin:0;max-height:150px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:1001}.ref-single .suggestions-dropdown li{cursor:pointer;padding:.5rem}.ref-single .suggestions-dropdown li.highlighted,.ref-single .suggestions-dropdown li:hover{background-color:#f0f0f0}.check-icon{color:#4caf50;font-size:1.2rem}.bool-checkbox{cursor:default;height:18px;width:18px}.bool-checkbox:disabled{accent-color:#4caf50;filter:none;opacity:1;pointer-events:none}.money-cell{display:inline-block;text-align:right;width:100%}.primary-button{background-color:#06c;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.primary-button:hover{opacity:.9}.primary-button:disabled{background-color:#ccc;cursor:not-allowed}.crudtable-wrapper{position:relative}.loading-overlay{align-items:center;background:#fff9;bottom:0;display:flex;justify-content:center;left:0;pointer-events:all;position:absolute;right:0;top:0;z-index:10}.spinner{animation:spin 1s linear infinite;border:4px solid #ccc;border-radius:50%;border-top-color:#06c;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.8f5ed6e1.css.map*/