.modal-backdrop[data-v-15787332]{position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.modal-container[data-v-15787332]{background-color:#fff;margin:5% auto;padding:1.875rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);width:80%;max-width:700px}.modal-header[data-v-15787332]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.modal-close[data-v-15787332]{background:none;border:none;font-size:1.5rem;cursor:pointer}.modal-footer[data-v-15787332]{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.pagination-container[data-v-3bc5cc36]{display:flex;justify-content:space-between;align-items:center;margin-top:1.25rem}.notifications-container[data-v-026bb562]{position:fixed;top:20px;right:20px;z-index:10000;max-width:400px;width:100%}.notification[data-v-026bb562]{background:#fff;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:12px;overflow:hidden;cursor:pointer;position:relative;transition:all .3s ease}.notification[data-v-026bb562]:hover{transform:translateX(-5px)}.notification-content[data-v-026bb562]{padding:16px;display:flex;align-items:flex-start;gap:12px}.notification-icon[data-v-026bb562]{font-size:20px;margin-top:2px;flex-shrink:0}.notification-text[data-v-026bb562]{flex:1;min-width:0}.notification-message[data-v-026bb562]{font-weight:500;line-height:1.4}.notification-close[data-v-026bb562]{background:none;border:none;font-size:14px;color:#999;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.notification-close[data-v-026bb562]:hover{background-color:rgba(0,0,0,.1);color:#666}.notification-success[data-v-026bb562]{border-left:4px solid #10b981}.notification-success .notification-icon[data-v-026bb562]{color:#10b981}.notification-error[data-v-026bb562]{border-left:4px solid #ef4444}.notification-error .notification-icon[data-v-026bb562]{color:#ef4444}.notification-warning[data-v-026bb562]{border-left:4px solid #f59e0b}.notification-warning .notification-icon[data-v-026bb562]{color:#f59e0b}.notification-info[data-v-026bb562]{border-left:4px solid #3b82f6}.notification-info .notification-icon[data-v-026bb562]{color:#3b82f6}.notification-enter-active[data-v-026bb562]{transition:all .4s ease}.notification-leave-active[data-v-026bb562]{transition:all .3s ease}.notification-enter[data-v-026bb562],.notification-leave-to[data-v-026bb562]{transform:translateX(100%);opacity:0}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#fff;color:#333;line-height:1.6}h1{font-size:2.25rem;font-weight:700}h1,h2{margin-bottom:.5rem}h2{font-size:1.75rem}h3{font-size:1.5rem;margin-bottom:.5rem}p{font-size:1rem;line-height:1.6}:root{--color-white:#fff;--color-turquoise:#6cdae7;--color-text:#333;--color-gray-light:#f9f9f9;--color-gray-medium:#ddd;--color-black:#121212;--color-success:#4caf50;--color-error:#f44336;--color-warning:#ffc107}.container{width:100%;min-height:100vh;display:flex}.sidebar{width:250px;background-color:var(--color-black);color:var(--color-white);padding:1.875rem .938rem;height:100vh;position:fixed;overflow-y:auto}.logo-image{height:80px;width:auto}.logo-icon{font-size:1.5rem;margin-right:.5rem;color:var(--color-turquoise)}.logo-text{font-size:1.5rem;font-weight:700;color:var(--color-white)}.logo-text span{color:var(--color-turquoise)}.menu{list-style:none}.menu-item{margin-bottom:.5rem}.menu-link{display:flex;align-items:center;color:var(--color-gray-medium);text-decoration:none;padding:.938rem;border-radius:8px;transition:all .3s ease}.menu-link.active,.menu-link:hover{background-color:rgba(108,218,231,.1);color:var(--color-turquoise)}.menu-icon{margin-right:.938rem;font-size:1.25rem}.main-content{flex:1;margin-left:250px;padding:1.875rem;overflow-y:auto}.header{justify-content:space-between;margin-bottom:1.875rem;padding-bottom:.938rem;border-bottom:1px solid var(--color-gray-medium)}.header,.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-turquoise);color:var(--color-white);justify-content:center;margin-right:.75rem;font-weight:700}.card{background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:1.875rem;margin-bottom:1.875rem}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card-title{font-size:1.25rem;font-weight:700;color:var(--color-text)}.data-table{width:100%;border-collapse:collapse;margin-bottom:1.875rem}.data-table td,.data-table th{padding:.938rem;text-align:left;border-bottom:1px solid var(--color-gray-medium)}.data-table th{font-weight:700}.data-table th,.data-table tr:hover{background-color:var(--color-gray-light)}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;font-weight:700}.form-control{width:100%;padding:.75rem;border:1px solid var(--color-gray-medium);border-radius:4px;font-size:1rem}.form-control:focus{outline:none;border-color:var(--color-turquoise);box-shadow:0 0 0 2px rgba(108,218,231,.2)}.btn{display:inline-block;padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-primary{background-color:var(--color-turquoise);color:var(--color-text)}.btn-primary:hover{background-color:#5bc0cd}.btn-secondary{background-color:var(--color-gray-light);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-gray-medium)}.btn-success{background-color:var(--color-success);color:var(--color-white)}.btn-danger{background-color:var(--color-error);color:var(--color-white)}.login-container{width:100%;max-width:400px;padding:1.875rem;background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 15px rgba(0,0,0,.1);margin:0 auto}.login-logo{text-align:center;margin-bottom:1.875rem}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.875rem}.stats-card{background-color:var(--color-white);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:1.25rem;display:flex;flex-direction:column}.stats-value{font-size:2rem;font-weight:700;margin:.5rem 0}.stats-label{color:#666;font-size:.938rem}.stats-icon{align-self:flex-end;background-color:rgba(108,218,231,.1);color:var(--color-turquoise);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.status{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.813rem;font-weight:700}.status-active{background-color:rgba(76,175,80,.1);color:var(--color-success)}.status-inactive{background-color:rgba(244,67,54,.1);color:var(--color-error)}.status-warning{background-color:rgba(255,193,7,.1);color:var(--color-warning)}@media (max-width:768px){.sidebar{width:70px;padding:1.25rem .5rem}.logo-text,.menu-text{display:none}.menu-icon{margin-right:0}.main-content{margin-left:70px}.dashboard-grid{grid-template-columns:1fr}}.notification-container{position:fixed;top:20px;right:20px;z-index:9999;width:350px;max-width:90%}.notification{background-color:#fff;border-radius:6px;box-shadow:0 3px 10px rgba(0,0,0,.15);margin-bottom:10px;padding:15px;position:relative;display:flex;align-items:center;animation:notification-slide-in .3s ease-out forwards;border-left:4px solid #6cdae7}@keyframes notification-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.notification-hiding{animation:notification-slide-out .3s ease-out forwards}@keyframes notification-slide-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}.notification i:first-child{font-size:1.25rem;margin-right:15px}.notification-close{background:none;border:none;color:#999;cursor:pointer;font-size:1rem;position:absolute;right:10px;top:10px;transition:color .2s}.notification-close:hover{color:#333}.notification span{flex:1;padding-right:20px}.notification-info{border-left-color:#6cdae7}.notification-info i:first-child{color:#6cdae7}.notification-success{border-left-color:#4caf50}.notification-success i:first-child{color:#4caf50}.notification-warning{border-left-color:#ffc107}.notification-warning i:first-child{color:#ffc107}.notification-error{border-left-color:#f44336}.notification-error i:first-child{color:#f44336}@media (max-width:576px){.notification-container{top:10px;right:10px;width:calc(100% - 20px)}.notification{padding:12px;font-size:.938rem}}