*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.6;color:#212529;background-color:#f8f9fa;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.d-flex{display:flex}.d-block{display:block}.d-inline{display:inline}.d-none{display:none}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.align-items-center{align-items:center}.align-items-start{align-items:flex-start}.align-items-end{align-items:flex-end}.align-items-stretch{align-items:stretch}.flex-column{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.w-100{width:100%}.h-100{height:100%}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:1rem}.m-4{margin:1.5rem}.m-5{margin:3rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:1rem}.ml-4{margin-left:1.5rem}.ml-5{margin-left:3rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:1rem}.mr-4{margin-right:1.5rem}.mr-5{margin-right:3rem}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:1rem}.pt-4{padding-top:1.5rem}.pt-5{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:1rem}.pb-4{padding-bottom:1.5rem}.pb-5{padding-bottom:3rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:1rem}.pl-4{padding-left:1.5rem}.pl-5{padding-left:3rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:1rem}.pr-4{padding-right:1.5rem}.pr-5{padding-right:3rem}.text-primary{color:#007bff}.text-secondary{color:#6c757d}.text-success{color:#28a745}.text-danger{color:#dc3545}.text-warning{color:#ffc107}.text-info{color:#17a2b8}.text-light{color:#f8f9fa}.text-dark{color:#343a40}.text-muted{color:#6c757d}.font-weight-light{font-weight:300}.font-weight-normal{font-weight:400}.font-weight-bold{font-weight:700}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.bg-primary{background-color:#007bff}.bg-secondary{background-color:#6c757d}.bg-success{background-color:#28a745}.bg-danger{background-color:#dc3545}.bg-warning{background-color:#ffc107}.bg-info{background-color:#17a2b8}.bg-light{background-color:#f8f9fa}.bg-dark{background-color:#343a40}.bg-white{background-color:#fff}.border{border:1px solid #dee2e6}.border-top{border-top:1px solid #dee2e6}.border-right{border-right:1px solid #dee2e6}.border-bottom{border-bottom:1px solid #dee2e6}.border-left{border-left:1px solid #dee2e6}.border-0{border:0}.border-top-0{border-top:0}.border-right-0{border-right:0}.border-bottom-0{border-bottom:0}.border-left-0{border-left:0}.rounded{border-radius:.375rem}.rounded-top{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.rounded-right{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-bottom{border-bottom-right-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-left{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-circle{border-radius:50%}.rounded-0{border-radius:0}.shadow-sm{box-shadow:0 .125rem .25rem #00000013}.shadow{box-shadow:0 .5rem 1rem #00000026}.shadow-lg{box-shadow:0 1rem 3rem #0000002d}.shadow-none{box-shadow:none}.position-static{position:static}.position-relative{position:relative}.position-absolute{position:absolute}.position-fixed{position:fixed}.position-sticky{position:sticky}.btn{display:inline-block;font-weight:400;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.375rem;transition:all .15s ease-in-out}.btn:focus{outline:0;box-shadow:0 0 0 .2rem #007bff40}.btn:disabled{opacity:.65;cursor:not-allowed}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{background-color:#0056b3;border-color:#004085}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{background-color:#545b62;border-color:#4e555b}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid #dee2e6;border-radius:.375rem}.card-body{flex:1 1 auto;padding:1rem}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:#f8f9fa;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.375rem - 1px);border-top-right-radius:calc(.375rem - 1px)}.card-footer{padding:.5rem 1rem;background-color:#f8f9fa;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.375rem - 1px);border-bottom-left-radius:calc(.375rem - 1px)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.375rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-in-up{animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:575.98px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}.d-sm-flex{display:flex!important}}@media(max-width:767.98px){.d-md-none{display:none!important}.d-md-block{display:block!important}.d-md-flex{display:flex!important}}@media(max-width:991.98px){.d-lg-none{display:none!important}.d-lg-block{display:block!important}.d-lg-flex{display:flex!important}}@media(max-width:1199.98px){.d-xl-none{display:none!important}.d-xl-block{display:block!important}.d-xl-flex{display:flex!important}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sidebar-container{background:#000;min-height:100vh}.MuiDrawer-paper{position:relative!important;white-space:nowrap!important;background:#000!important;color:#fff!important;transition:width .3s ease!important;box-sizing:border-box!important;box-shadow:0 2px 10px #0000001a!important}.MuiDrawer-paper.collapsed{overflow-x:hidden!important;width:72px!important}.sidebar-drawer{position:relative;white-space:nowrap;width:280px;background:#000;color:#fff;transition:width .3s ease;box-sizing:border-box;box-shadow:0 2px 10px #0000001a}.sidebar-drawer-collapsed{overflow-x:hidden;width:72px}.sidebar-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:0 8px;height:80px;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand{text-decoration:none;width:100%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.sidebar-brand-collapsed{justify-content:flex-start;padding-left:12px}.sidebar-avatar{background:#ffffff1a;margin-right:12px;width:40px;height:40px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.sidebar-title{font-weight:700;color:#fff;letter-spacing:1px;font-size:1.25rem;transition:opacity .3s ease}.sidebar-toggle-btn{color:#fff!important;transition:all .3s ease!important}.sidebar-toggle-btn:hover{background-color:#ffffff1a!important;transform:scale(1.1)}.sidebar-menu-item{margin:4px 12px;border-radius:8px;transition:all .3s ease;background-color:transparent;border:1px solid transparent;cursor:pointer}.sidebar-menu-item:hover{background-color:#ffffff1a;transform:translate(2px)}.sidebar-menu-item.active{background-color:#ffffff26;border:1px solid rgba(255,255,255,.2)}.sidebar-menu-icon{color:#fff;min-width:36px}.sidebar-menu-text{color:#fff;font-weight:400;font-size:.9rem}.sidebar-menu-text.active{font-weight:600}.sidebar-user-info{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.1)}.sidebar-logout-btn{color:#fff;width:100%;justify-content:flex-start;text-transform:none;font-size:.9rem;padding:8px 12px}.sidebar-logout-btn:hover{background-color:#ffffff1a}.main-header{background:#fff;box-shadow:0 2px 4px #0000001a;border-bottom:1px solid #e0e0e0}.header-toolbar{padding:0 24px;min-height:64px}.header-menu-btn{margin-right:16px;color:#333}.header-title{flex-grow:1;color:#333;font-weight:600}.header-actions{display:flex;align-items:center;gap:16px}.header-notification-btn,.header-user-btn{color:#333}.main-content{flex-grow:1;padding:20px;background:#f5f5f5;min-height:100vh;transition:margin-left .3s ease}.main-content.sidebar-collapsed{margin-left:72px}.main-content.sidebar-open{margin-left:280px}.MuiListItem-root:hover{background-color:#ffffff1a!important}.MuiListItemIcon-root{color:#fff!important;min-width:40px!important}.MuiListItemText-primary{color:#fff!important}@media(max-width:768px){.sidebar-drawer,.MuiDrawer-paper{width:200px!important}.main-content{padding:16px}.header-toolbar{padding:0 16px}}@media(max-width:480px){.sidebar-drawer,.MuiDrawer-paper{width:100%!important}.sidebar-menu-item{margin:2px 8px}}