@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";.auth-form-container{background-color:#fff;padding:2rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px;margin:auto}.auth-form-container h2{margin-bottom:1.5rem;color:#333;text-align:center}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{font-weight:600;color:#555}.login-form input{padding:.8rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;width:100%;box-sizing:border-box}.login-form input:focus{outline:none;border-color:#667eea}.password-container{position:relative;display:flex;align-items:center}.password-container input{padding-right:2.5rem}.toggle-password{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);cursor:pointer;color:#555;font-size:1.1rem}.login-form button{padding:.8rem;background-color:#667eea;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s;margin-top:1rem}.login-form button:hover{background-color:#5a6fd1}.link-container{display:flex;flex-direction:column;gap:.5rem;margin-top:1.5rem}.link-btn{background:none;border:none;color:#667eea;text-decoration:underline;cursor:pointer;font-size:.9rem;padding:.2rem;text-align:left}.link-btn:hover{color:#5a6fd1}.login-logo{width:100px;margin:0 auto 20px;display:block}.role-buttons{display:flex;flex-direction:column;gap:10px;margin-top:20px}.role-buttons button{padding:10px;font-size:16px;cursor:pointer}.auth-form-container{background-color:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px #0000001a;width:90%;max-width:400px;margin:2rem auto;box-sizing:border-box}.auth-form-container h2{margin:0 0 1.5rem;color:#333;text-align:center;font-size:1.75rem}.signup-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.signup-form label{font-weight:600;color:#555;font-size:.95rem}.signup-form input{width:100%;padding:.8rem 1rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;box-sizing:border-box;transition:all .3s ease}.signup-form input:focus{outline:none;border-color:#764ba2;box-shadow:0 0 0 2px #764ba233}.signup-form button{width:100%;padding:1rem;background-color:#764ba2;color:#fff;border:none;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.signup-form button:hover{background-color:#5d3a7e;transform:translateY(-1px)}.link-container{display:flex;justify-content:center;margin-top:1.5rem;text-align:center;width:100%}.link-btn{background:none;border:none;color:#764ba2;text-decoration:underline;cursor:pointer;font-size:.95rem;padding:.5rem;transition:all .3s ease;width:auto;text-align:center;border-radius:4px}.link-btn:hover{color:#5d3a7e;background-color:#764ba21a}@media (max-width: 768px){.auth-form-container{width:90%;padding:1.25rem;margin:1.5rem auto}.auth-form-container h2{font-size:1.5rem;margin-bottom:1.25rem}.signup-form{gap:1rem}.signup-form input,.signup-form button{padding:.8rem 1rem;font-size:.95rem}}@media (max-width: 480px){.auth-form-container{width:95%;padding:1rem;margin:1rem auto;border-radius:8px}.auth-form-container h2{font-size:1.4rem;margin-bottom:1rem}.signup-form{gap:.8rem}.signup-form label{font-size:.9rem}.signup-form input,.signup-form button{padding:.75rem 1rem;font-size:.9rem}.link-btn{font-size:.9rem}}@media (max-width: 360px){.auth-form-container h2{font-size:1.3rem}.signup-form input,.signup-form button{padding:.7rem .9rem}}@media (max-height: 500px) and (orientation: landscape){.auth-form-container{max-height:90vh;overflow-y:auto;margin:1rem auto}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;background-color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 1px 6px #0000001a;width:100%;min-height:60px;font-family:Poppins,sans-serif;box-sizing:border-box}.navbar-left{display:flex;align-items:center;flex-shrink:0}.logo{height:40px;width:auto;max-height:40px;object-fit:contain;border-radius:5px;transition:transform .2s ease}.logo:active{transform:scale(.95)}.nav-links{display:none;gap:15px;margin-left:20px;font-family:Poppins,sans-serif;font-size:16px;align-items:center}.nav-links a,.nav-links span{text-decoration:none;color:#333;font-weight:500;cursor:pointer;transition:color .3s;padding:8px 0;white-space:nowrap;position:relative}.nav-links a:hover,.nav-links span:hover{color:#1976d2}.active-link{color:#1976d2;font-weight:600;position:relative}.active-link:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background-color:#1976d2;border-radius:2px}.navbar-right{display:flex;align-items:center;gap:12px}.desktop-buttons{display:none;gap:10px}.nav-btn{text-transform:none;font-weight:500;padding:8px 16px;border-radius:6px;font-size:15px;transition:all .2s ease}.login-btn{border:1.5px solid #1976d2;color:#1976d2;background-color:transparent}.login-btn:hover{background-color:#1976d20a}.register-btn{background-color:#1976d2;color:#fff;border:1.5px solid #1976d2}.register-btn:hover{background-color:#1565c0;border-color:#1565c0}.mobile-menu-btn{display:none;padding:8px;margin-left:8px}.mobile-menu{position:fixed;top:60px;left:0;right:0;background:#fff;box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;z-index:999;max-height:calc(100vh - 60px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-item{padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);font-weight:500;color:#333;display:flex;align-items:center;justify-content:space-between}.mobile-menu-item:active{background-color:#00000008}.mobile-menu-item .MuiSvgIcon-root{color:#666}@media (min-width: 901px){.nav-links,.desktop-buttons{display:flex}.mobile-menu-btn{display:none!important}}@media (max-width: 900px) and (min-width: 601px){.navbar{padding:8px 16px}.nav-links{display:none}.mobile-menu-btn{display:block}.navbar-right{gap:8px}.nav-btn{padding:6px 12px;font-size:14px}}@media (max-width: 600px){.navbar{padding:8px 12px;min-height:56px}.logo{height:36px}.mobile-menu-btn{display:block;padding:6px}.navbar-right{gap:6px}.nav-btn{padding:6px 10px;font-size:13px;min-width:auto}.desktop-buttons{gap:6px}}@media (max-width: 360px){.navbar{padding:6px 10px}.logo{height:32px}.nav-btn{padding:5px 8px;font-size:12px}.mobile-menu-item{padding:14px 20px;font-size:15px}}.MuiDrawer-paper{width:60px;overflow-x:hidden;transition:width .3s ease,margin-left .3s ease;background-color:#1976d2!important;color:#fff;margin-top:64px}.MuiDrawer-paper:hover{width:240px}.MuiListItemIcon-root{min-width:40px}.MuiListItemText-root{display:none}.MuiDrawer-paper:hover .MuiListItemText-root{display:block;color:#fff;padding-left:10px}.content{transition:margin-left .3s ease;margin-left:60px}.MuiDrawer-paper:hover~.content{margin-left:240px}.navbar{display:flex;justify-content:space-between;align-items:center;padding:5px;background-color:#fff;position:sticky;top:0;z-index:1000;box-shadow:0 1px 6px #0000001a;width:100%}.navbar-left{display:flex;align-items:center}.logo{height:40px}.brand-name{font-weight:700;font-size:1.2rem;margin-left:10px}.nav-links{display:flex;gap:20px;margin-left:30px}.nav-links a{text-decoration:none;color:#333;font-weight:650}.navbar-right{display:flex;align-items:center;gap:10px}.desktop-buttons{display:flex;gap:10px}.mobile-menu{display:none}.nav-btn{text-transform:none}.login-btn{border-color:#007fff;color:#007fff}.register-btn{background-color:#f2633b;color:#fff}@media (max-width: 768px){.nav-links,.desktop-buttons{display:none}.mobile-menu{display:block}}.footer{background-color:#3d9be7;color:#f5f5f5;font-family:Poppins;width:100vw;position:relative;left:49%;right:49%;margin-left:-50vw;margin-right:-50vw;box-sizing:border-box;overflow:hidden}.footer-container{max-width:1400px;margin:0 auto;padding:0 20px;width:100%;align-items:start}.footer-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;position:relative;z-index:1;padding:20px 0 20px 90px;align-items:start}.category{width:100%;height:100%;display:flex;flex-direction:column}.category:nth-child(-n+3){grid-row:1}.category:nth-child(n+4):nth-child(-n+6){grid-row:2}.category:nth-child(n+7):nth-child(-n+9){grid-row:3}.category:nth-child(3n+1){grid-column:1}.category:nth-child(3n+2){grid-column:2}.category:nth-child(3n+3){grid-column:3}@media (max-width: 1200px){.footer{padding:20px 0 15px}.footer-categories{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:0 30px}.category h4{font-size:1rem}.category a{font-size:.85rem}}@media (max-width: 992px){.footer{padding:15px 15px 10px}.footer-categories{grid-template-columns:repeat(3,1fr);gap:20px 15px}.category h4{font-size:1.1rem}.category a{font-size:.95rem}}@media (max-width: 768px){.footer{padding:15px 10px 8px}.footer-categories{grid-template-columns:repeat(2,1fr)}.footer-categories{grid-template-columns:repeat(2,1fr);gap:20px}.category{grid-column:auto!important;grid-row:auto!important}.category a{font-size:1rem;margin-bottom:12px}}@media (max-width: 768px){.footer{padding:15px 0 10px}.footer-categories{grid-template-columns:repeat(2,1fr);gap:20px;padding:0 20px}}@media (max-width: 576px){.footer{padding:15px 0 10px}.footer-categories{grid-template-columns:1fr;gap:20px;padding:0 20px}.category{max-width:100%;padding:0 10px}.category a{font-size:.95rem;margin-bottom:12px;display:block;word-break:break-word}.office-address p{font-size:.85rem;line-height:1.4}}.office-address{font-size:.9rem;line-height:1.5;color:#cbd5e1;margin:0;padding:0;width:100%}.office-address .category-icon{color:#818cf8;margin-top:4px;flex-shrink:0}.office-address p{margin:0 0 8px;padding:0;font-size:.9rem;line-height:1.5;text-align:left}.category ul li.office-address{padding:0;margin:0;list-style:none}@media (max-width: 768px){.office-address{flex-direction:column;gap:8px}.office-address .address-icon{margin-bottom:5px}}.category:first-child{padding-top:0;border-top:none}.category h4{font-size:1.1rem;font-weight:600;margin-bottom:12px;color:#f8fafc;position:relative;padding-bottom:3px}.category h4:after{content:"";position:absolute;left:0;bottom:0;width:40px;height:2px;background:#4f46e5}.category ul{list-style:none;padding:0;margin:0;width:100%}.category li{margin-bottom:12px}.category a{color:#cbd5e1;text-decoration:none;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.category a:hover{color:#f8fafc}.social-links .social-icon{color:#fff;font-size:1.1rem;min-width:20px;display:inline-flex;justify-content:center}.footer-bottom{text-align:center;padding:3px 0 0;margin-top:10px}.footer-divider{height:1px;background-color:#e0e6eb;margin:0 auto 15px;width:80%}.footer-bottom p{margin:0 0 10px;color:#e0e6eb;font-size:14px}.social-links-bottom{display:flex;justify-content:center;gap:20px;margin:0;padding:0 0 10px;list-style:none}.social-icon{font-size:22px;color:#cfd5da}@media (max-width: 768px){.footer-top{flex-direction:column;text-align:center}.footer-right{text-align:center}.contact-info{align-items:center;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif}#root{max-width:1280px;margin:0 auto;padding:1rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}