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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-blue:#007aff;--primary-blue-dark:#0056b3;--sidebar-bg:#2c3e50;--sidebar-text:#ecf0f1;--sidebar-active-bg:#007aff1a;--sidebar-active-border:var(--primary-blue);--sidebar-hover-bg:#ffffff0d;--top-bar-bg:#fff;--page-bg:#f4f7fa;--white:#fff;--body-text:#566573;--title-text:#2c3e50;--border-color:#e1e8ed;--danger-red:#e74c3c;--success-green:#2ecc71;--header-height:60px;--sidebar-width-collapsed:70px;--sidebar-width-expanded:220px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7fa;background-color:var(--page-bg);color:#566573;color:var(--body-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;overflow:hidden}h1,h2,h3,h4,h5,h6{color:#2c3e50;color:var(--title-text);font-weight:600;margin-bottom:.75rem}a{color:#007aff;color:var(--primary-blue);text-decoration:none}.layout-container{display:grid;grid-template-areas:"header header" "sidebar main";grid-template-columns:70px 1fr;grid-template-columns:var(--sidebar-width-collapsed) 1fr;grid-template-rows:60px 1fr;grid-template-rows:var(--header-height) 1fr;height:100vh;transition:grid-template-columns .3s ease-in-out;width:100vw}.top-bar{background-color:#fff;background-color:var(--top-bar-bg);border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);grid-area:header;justify-content:space-between;padding:0 1.5rem 0 24px;z-index:1000}.top-bar,.top-bar-logo{align-items:center;display:flex}.top-bar-logo{color:#007aff;color:var(--primary-blue);gap:.75rem}.top-bar-logo h2{font-size:1.25rem;margin:0}.top-bar-user{font-weight:500}.sidebar{background-color:#2c3e50;background-color:var(--sidebar-bg);grid-area:sidebar;overflow:hidden;transition:width .3s ease-in-out;width:70px;width:var(--sidebar-width-collapsed);z-index:999}.layout-container.expanded{grid-template-columns:220px 1fr;grid-template-columns:var(--sidebar-width-expanded) 1fr}.sidebar.expanded{width:220px;width:var(--sidebar-width-expanded)}.sidebar-nav{list-style:none;margin:0;padding:1rem 0}.sidebar-nav li{width:100%}.nav-link{align-items:center;border-left:4px solid #0000;color:#ecf0f1;color:var(--sidebar-text);display:flex;font-weight:500;height:56px;padding:1rem;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.nav-link:hover{background-color:#ffffff0d;background-color:var(--sidebar-hover-bg);color:#fff;color:var(--white)}.nav-link.active{background-color:#007aff1a;background-color:var(--sidebar-active-bg);border-left-color:#007aff;border-left-color:var(--sidebar-active-border);color:#fff;color:var(--white)}.nav-icon{flex-shrink:0;font-size:1.25rem;margin-left:3px;min-width:38px;transition:margin .3s ease-in-out}.sidebar.expanded .nav-icon{margin-left:0}.nav-text{margin-left:.75rem;opacity:0;transition:opacity .2s ease-in-out}.sidebar.expanded .nav-text{opacity:1}.main-content{background-color:#f4f7fa;background-color:var(--page-bg);grid-area:main;overflow-y:auto;padding:2rem}.page-container{margin:0 auto;max-width:1600px;width:100%}.page-header{align-items:center;border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.page-header h1{font-size:1.75rem;margin:0}.data-table-container{background-color:#fff;background-color:var(--white);border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000000d;max-height:calc(100vh - 200px);overflow:auto}.data-table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);line-height:1.5;overflow:hidden;padding:1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.data-table th{background-color:#f8f9fa;border-top:none;box-shadow:0 2px 4px #0000000d;color:#566573;color:var(--body-text);font-size:.8rem;font-weight:600;letter-spacing:.5px;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:10}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#fcfcfc}.data-table td.wrap-cell,.data-table th.wrap-cell{white-space:normal}.add-button,.button-primary,.button-secondary{border:none;border-radius:6px;cursor:pointer;flex-shrink:0;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.add-button{background-color:#007aff;background-color:var(--primary-blue);color:#fff;color:var(--white)}.add-button:hover{background-color:#0056b3;background-color:var(--primary-blue-dark)}.button-primary{background-color:#007aff;background-color:var(--primary-blue);color:#fff;color:var(--white)}.button-primary:hover{background-color:#0056b3;background-color:var(--primary-blue-dark)}.button-primary-outline{background-color:initial;border:2px solid #007aff;border:2px solid var(--primary-blue);border-radius:6px;color:#007aff;color:var(--primary-blue);cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.25rem;transition:all .2s ease-in-out}.button-primary-outline:hover{background-color:#007aff1a}.modal-footer{border-top:1px solid #e1e8ed;border-top:1px solid var(--border-color);display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px}.button-secondary{background-color:#e1e8ed;background-color:var(--border-color);color:#566573;color:var(--body-text)}.button-secondary:hover{background-color:#d1d9e0}.add-existing-button:disabled,.button-primary:disabled,.button-secondary:disabled{background-color:#e1e8ed;background-color:var(--border-color);color:#566573;color:var(--body-text);cursor:not-allowed;opacity:.6}.action-button{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:4px;color:#566573;color:var(--body-text);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;justify-content:center;margin-right:5px;padding:6px 10px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.action-button:hover{background-color:#f4f7fa;background-color:var(--page-bg);border-color:#cdd7e0}.action-button.edit{border-color:#007aff;border-color:var(--primary-blue);color:#007aff;color:var(--primary-blue)}.action-button.edit:hover{background-color:#007aff;background-color:var(--primary-blue);color:#fff;color:var(--white)}.action-button.view{font-size:1.2rem;line-height:1;padding:6px 8px}.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input:not([type=checkbox]):not([type=radio]),.form-group select,.form-group textarea{background-color:#fff;background-color:var(--white);border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:6px;color:#566573;color:var(--body-text);display:block;font-family:inherit;font-size:1rem;padding:.75rem;transition:all .2s ease-in-out;width:100%}.form-group input:not([type=checkbox]):not([type=radio]):focus,.form-group select:focus,.form-group textarea:focus{border-color:#007aff;border-color:var(--primary-blue);box-shadow:0 0 0 3px #007aff26;outline:none}.form-group input[disabled],.form-group select[disabled]{background-color:#f4f7fa;background-color:var(--page-bg);color:#95a5a6;cursor:not-allowed}.form-group textarea{min-height:80px;resize:vertical}.modal-overlay{align-items:center;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#2c3e5066;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:#fff;background-color:var(--white);border-radius:8px;box-shadow:0 10px 30px #0000001a;max-height:90vh;max-width:700px;overflow-y:auto;padding:2rem;position:relative;width:100%}.modal-content h2{border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;margin-top:0;padding-bottom:1rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group.full-width{grid-column:1/-1}.modal-actions{border-top:1px solid #e1e8ed;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.error-message{background-color:#e74c3c1a;border:1px solid #e74c3c;border:1px solid var(--danger-red);border-radius:6px;color:#e74c3c;color:var(--danger-red);font-weight:500;margin-top:1rem;padding:.75rem}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--white);display:inline-block;height:1rem;margin:0 7px -3px;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.status-active,.status-inactive{border-radius:4px;color:#fff;color:var(--white);font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.status-active{background-color:#2ecc71;background-color:var(--success-green)}.status-inactive{background-color:#566573;background-color:var(--body-text)}.action-button.danger{border-color:#e74c3c;border-color:var(--danger-red);color:#e74c3c;color:var(--danger-red)}.action-button.danger:hover{background-color:#e74c3c;background-color:var(--danger-red);color:#fff;color:var(--white)}.action-button.delete{background-color:#d9534f;border-color:#d9534f;color:#fff;color:var(--white)}.action-button.delete:hover{background-color:#c9302c;border-color:#ac2925}.action-button.success{border-color:#2ecc71;border-color:var(--success-green);color:#2ecc71;color:var(--success-green)}.action-button.success:hover{background-color:#2ecc71;background-color:var(--success-green);color:#fff;color:var(--white)}.modal-subtitle{color:#566573;color:var(--body-text);font-size:.9rem;margin-bottom:20px;margin-top:-10px}.search-results-container{border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:4px;margin-top:1rem;max-height:250px;overflow-y:auto}.search-result-item{align-items:center;border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px}.search-result-item:last-child{border-bottom:none}.search-result-name{color:#007aff;color:var(--primary-blue);display:block;font-weight:600}.search-result-role{border-radius:4px;color:#fff;color:var(--white);font-size:.8rem;font-weight:600;margin-left:8px;padding:2px 6px;text-transform:capitalize}.search-result-role.admin{background-color:#007aff;background-color:var(--primary-blue)}.search-result-role.employee{background-color:#2ecc71;background-color:var(--success-green)}.search-result-role.serviceuser{background-color:#566573;background-color:var(--body-text)}.search-result-details{color:#566573;color:var(--body-text);font-size:.85rem;margin-top:4px}.add-existing-button{flex-shrink:0;font-size:.9rem;padding:6px 12px}.back-link{color:#566573;color:var(--body-text);display:inline-block;font-weight:600;margin-bottom:1.5rem}.back-link:hover{color:#007aff;color:var(--primary-blue)}.no-data-cell{color:#566573;color:var(--body-text);font-style:italic;padding:3rem;text-align:center}.details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-top:1rem}.detail-card{background-color:#fff;background-color:var(--white);border:1px solid #e1e8ed;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000000d;padding:1.5rem;transition:all .2s ease-in-out}.detail-card:hover{box-shadow:0 8px 15px #00000012;transform:translateY(-5px)}.detail-card h3{border-bottom:1px solid #e1e8ed;border-bottom:1px solid var(--border-color);color:#2c3e50;color:var(--title-text);font-size:1.1rem;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem}.detail-card p{color:#566573;color:var(--body-text);line-height:1.6;margin:.5rem 0}.detail-card p strong{color:var(--dark-text);font-weight:600}.modal-close-button{background:none;border:none;color:#566573;color:var(--body-text);cursor:pointer;font-size:2rem;line-height:1;position:absolute;right:1.5rem;top:1rem;transition:all .2s ease-in-out}.modal-close-button:hover{color:#e74c3c;color:var(--danger-red);transform:scale(1.1)}.data-table td.actions-cell{display:table-cell!important;min-width:260px;overflow:visible!important;padding-bottom:.5rem;padding-top:.5rem;vertical-align:middle!important;white-space:normal!important}.actions-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.data-table .action-button{align-items:center;display:inline-flex;font-size:.75rem;height:28px;justify-content:center;line-height:1;margin-right:0;min-width:auto;padding:5px 8px}.action-button.edit{min-width:50px}.action-button.delete{min-width:60px}.data-table .action-button.view{font-size:1.1rem;min-width:30px;padding:0}.role-badge{border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.5px;min-width:80px;padding:3px 8px;text-align:center;text-transform:uppercase}.role-badge.admin{background-color:#007aff;background-color:var(--primary-blue)}.role-badge.employee{background-color:#f39c12}.role-badge.serviceuser{background-color:#9b59b6}
/*# sourceMappingURL=main.cc6630d6.css.map*/