html,body,#root{margin:0;padding:0;box-sizing:border-box;-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,html::-webkit-scrollbar,#root::-webkit-scrollbar{display:none}.App{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:24px;background-color:#f5f5f5}.nav-link{text-decoration:none;color:#fff!important;font-weight:500;padding:8px 16px;border-radius:8px;transition:all .3s ease;position:relative;z-index:1}.nav-link:hover{color:#fff!important;background-color:#ffffff1a;transform:translateY(-2px)}.nav-link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:linear-gradient(90deg,#4caf50,#2196f3);transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:80%}.nav-link.active{background-color:#ffffff26;color:#fff!important}.nav-link.active:after{width:80%}.logo-link{text-decoration:none;color:#fff!important;font-weight:400;font-size:1.5rem;padding:8px 16px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}.logo-link:hover{background-color:#ffffff1a;transform:scale(1.05)}.logo-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.logo-link:hover:before{left:100%}.nav-button{color:#fff!important;transition:all .3s ease!important;border-radius:8px!important;padding:8px 16px!important;text-transform:none!important;font-weight:500!important;position:relative;overflow:hidden}.nav-button:hover{background-color:#ffffff1a!important;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.nav-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:all .5s ease}.nav-button:hover:before{left:100%}.nav-menu-item{transition:all .3s ease!important;border-radius:8px!important;margin:4px 8px!important;padding:8px 16px!important}.nav-menu-item:hover{background-color:#1976d21a!important;transform:translate(4px)}.nav-drawer-item{transition:all .3s ease!important;border-radius:8px!important;margin:4px 8px!important}.nav-drawer-item:hover{background-color:#ffffff1a!important;transform:translate(8px)}.card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border-radius:12px;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001a}.form-container{max-width:600px;margin:0 auto;padding:24px}.form-field{margin-bottom:16px}.button{text-transform:none;font-weight:500;padding:8px 16px;border-radius:8px}.section-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem}.section-subtitle{font-size:1rem;color:#666;margin-bottom:1.5rem}.list-item{padding:12px;border-radius:8px;margin-bottom:8px;background-color:#fff;transition:background-color .2s ease-in-out}.list-item:hover{background-color:#f5f5f5}.error-message{color:#d32f2f;font-size:.875rem;margin-top:4px}.success-message{color:#2e7d32;font-size:.875rem;margin-top:4px}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}@media (max-width: 600px){.main-content,.form-container{padding:16px}.section-title{font-size:1.25rem}}@media (max-width: 1200px){.logo-link{font-size:1.1rem;padding:6px 10px}.nav-button{font-size:.95rem!important;padding:6px 10px!important}.nav-link,.nav-menu-item,.nav-drawer-item{font-size:.95rem!important;padding:10px 12px!important}.custom-app-bar{min-height:56px!important}.custom-avatar{width:32px!important;height:32px!important}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.custom-app-bar{background:linear-gradient(90deg,#1976d2,#2196f3)!important;box-shadow:0 2px 10px #0000001a!important}.custom-avatar{border:2px solid white;transition:all .3s ease}.custom-avatar:hover{box-shadow:0 0 10px #ffffff4d}.custom-menu{margin-top:45px}.custom-drawer{background-color:#1976d2}.custom-list{padding:8px}.custom-stack{gap:8px}.custom-divider{background-color:#ffffff1a;margin:8px 0}.menu-icon-button{position:relative;overflow:hidden;border-radius:50%;transition:background .3s,transform .2s}.menu-icon-button:hover{background-color:transparent;transform:scale(1.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh;display:flex;flex-direction:column}