.dashboard-container{display:flex;min-height:100vh}.dashboard-sidebar{width:280px;background:#09b6a2;color:#fff;transition:all .3s ease;position:fixed;height:100vh;left:0;top:0;z-index:50}.dashboard-sidebar.collapsed{width:80px}.sidebar-header{padding:1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsla(0,0%,100%,.1)}.logo{font-size:1.5rem;font-weight:700}.nav-item{display:flex;align-items:center;padding:1rem 1.5rem;width:100%;border:none;background:transparent;color:#fff;cursor:pointer;transition:background .3s ease;gap:1rem}.nav-item.active,.nav-item:hover{background:hsla(0,0%,100%,.1)}.sidebar-footer{position:absolute;bottom:0;width:100%;padding:1rem 0;border-top:1px solid hsla(0,0%,100%,.1)}.dashboard-main{flex:1 1;margin-left:280px;transition:margin-left .3s ease}.dashboard-container:has(.dashboard-sidebar.collapsed) .dashboard-main{margin-left:80px}.dashboard-header{background:#fff;padding:1rem 2rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:40}.search-box{position:relative;width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#999}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #eee;border-radius:50px;background:#f8f9fd}.header-actions{display:flex;align-items:center;gap:1.5rem}.notification-btn{position:relative;background:none;border:none;cursor:pointer;padding:.5rem}.notification-badge{position:absolute;top:0;right:0;width:8px;height:8px;background:red;border-radius:50%}.user-profile{gap:.75rem}.avatar,.user-profile{display:flex;align-items:center}.avatar{width:40px;height:40px;border-radius:50%;background:#09b6a2;justify-content:center;color:#fff}.dashboard-content{padding:2rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.stat-card h3{color:#666;font-size:.875rem;margin-bottom:1rem}.stat-content{display:flex;justify-content:space-between;align-items:center}.stat-value{font-size:1.5rem;font-weight:700;color:#333}.stat-trend{color:#00b894;font-size:.875rem}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;grid-gap:1.5rem;gap:1.5rem}.activities-card,.notifications-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.activity-item,.notification-item{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid #eee}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.success{background:#00b894}.status-dot.pending{background:#f1c40f}.activity-time,.notification-content span{color:#999;font-size:.875rem}.mobile-menu-button{display:none;position:fixed;right:1rem;top:1rem;z-index:60;background:#09b6a2;color:#fff;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.search-box{width:200px}}@media (max-width:768px){.dashboard-sidebar{transform:translateX(-100%)}.dashboard-sidebar.mobile-open{transform:translateX(0)}.dashboard-main{margin-left:0!important}.mobile-menu-button{display:block}.dashboard-grid{grid-template-columns:1fr}.dashboard-header{padding:1rem}.user-profile span{display:none}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.search-box{display:none}.dashboard-content{padding:1rem}}.sidebar-enter{transform:translateX(-100%)}.sidebar-enter-active{transition:transform .3s ease}.sidebar-enter-active,.sidebar-exit{transform:translateX(0)}.sidebar-exit-active{transform:translateX(-100%);transition:transform .3s ease}.max-height-300{max-height:300px;object-fit:contain}.upload-icon{width:48px;height:48px}.form-label{margin-bottom:.5rem;color:#495057}.card{border-radius:.5rem;box-shadow:0 2px 4px rgba(0,0,0,.05)}.card-title{font-size:1.25rem;font-weight:600;color:#212529}.border-dashed{border-style:dashed!important}.btn-success{background-color:#28a745;border-color:#28a745;transition:all .2s ease}.btn-success:hover{background-color:#218838;border-color:#1e7e34}.form-control,.form-select{border-radius:.375rem;border:1px solid #dee2e6;padding:.5rem}.form-control:focus,.form-select:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.alert-info{background-color:#e8f4f8;border-color:#bee5eb;color:#0c5460}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{display:inline-block;width:1rem;height:1rem;border:.2em solid;border-right:.2em solid transparent;border-radius:50%;animation:spinner-border .75s linear infinite}.modal-90w{max-width:600px;width:70%;margin:1.75rem auto}.modal-content{background-color:#fff;border-radius:1rem;border:none;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)}.modal-header{border-bottom:none;padding:1.5rem 1.5rem 1rem}.modal-header .btn-close{padding:1rem;margin:-.5rem -.5rem -.5rem auto;opacity:.75}.modal-footer{padding:1.25rem 1.5rem}.modal.fade .modal-dialog{transition:transform .2s ease-out}.modal.show .modal-dialog{transform:none}.form-select{width:100%;min-width:200px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23777E90' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.form-select,.form-select option{padding:8px 12px}.form-control,.form-select{height:44px;border:1px solid #e6e8ec;border-radius:4px;color:#23262f;background-color:#fff;font-size:14px;line-height:24px}.form-control::placeholder,.form-select::placeholder{color:#777e90;opacity:1}.form-control:focus,.form-select:focus{border-color:#664dff;box-shadow:none}.form-label{font-weight:500;font-size:12px;line-height:20px;color:#23262f;margin-bottom:8px}.form-select::-ms-expand{display:none}.form-control,.form-select{background-color:#242129!important;border:1px solid #393642!important;color:#c0bcca!important}.form-label{color:#c0bcca!important}.form-check-input,.form-control,.form-select,.input-group-text{background-color:#242129!important;border:1px solid #393642!important;color:#c0bcca!important}.input[type=number]{background-color:pink;border:green}