*{margin:0;padding:0;box-sizing:border-box;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.loader-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0a0a14d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;flex-direction:column;justify-content:center;align-items:center}.heartbeat-svg{width:120px;height:auto;overflow:visible}.heartbeat-path{fill:none;stroke:#8b5cf6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:250;stroke-dashoffset:250;animation:heartbeatDraw 2s linear infinite;filter:drop-shadow(0 0 8px rgba(139,92,246,.5))}.loader-text{margin-top:20px;color:#e0e7ff;font-size:1.1rem;font-weight:500;letter-spacing:.5px;animation:pulseText 1.5s ease-in-out infinite alternate}@keyframes heartbeatDraw{0%{stroke-dashoffset:250;opacity:0}10%{opacity:1}85%{opacity:1}to{stroke-dashoffset:0;opacity:0}}@keyframes pulseText{0%{opacity:.6}to{opacity:1}}.navbar{position:fixed;top:0;width:100%;height:80px;z-index:1000;display:flex;align-items:center;transition:.4s ease}.navbar--scrolled{background:#0a0f1e66;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);height:70px}.navbar__container{max-width:1400px;width:100%;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}.navbar__logo{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}.navbar__logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1.5rem}.navbar__logo-text{display:flex;flex-direction:column}.navbar__logo-text--main{font-weight:800;font-size:1.2rem;color:#fff;letter-spacing:1px}.navbar__logo-text--sub{color:#818cf8;font-size:.75rem;font-weight:700;margin-top:-4px}.navbar__menu--desktop{display:flex;gap:8px;background:#ffffff08;padding:5px;border-radius:16px;border:1px solid rgba(255,255,255,.05)}.navbar__link{position:relative;display:flex;align-items:center;gap:10px;padding:10px 18px;color:#94a3b8;font-weight:600;text-decoration:none;transition:.3s}.navbar__link:hover,.navbar__link--active{color:#fff}.navbar__active-indicator{position:absolute;bottom:-12px;left:20%;right:20%;height:3px;background:#6366f1;border-radius:10px;box-shadow:0 0 10px #6366f1cc}.navbar__actions{display:flex;align-items:center;gap:20px}.navbar__user-section--desktop{display:flex;align-items:center;gap:12px}.navbar__profile{display:flex;align-items:center;gap:12px;padding:6px 16px 6px 8px;background:#ffffff0d;border-radius:100px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff}.navbar__avatar-wrapper{position:relative;width:34px;height:34px}.navbar__profile-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1.5px solid #6366f1}.navbar__status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#22c55e;border:2px solid #0f172a;border-radius:50%}.navbar__icon-btn--logout{background:#ef44441a;border:none;color:#ef4444;padding:10px;border-radius:12px;cursor:pointer;transition:.3s}.navbar__icon-btn--logout:hover{background:#ef4444;color:#fff}.navbar__btn-login{background:#6366f1;color:#fff;padding:10px 24px;border-radius:12px;font-weight:700;text-decoration:none;transition:.3s;box-shadow:0 4px 15px #6366f14d}.navbar__notif-container{position:relative}.navbar__notification-wrapper{cursor:pointer;color:#94a3b8;position:relative;padding:8px}.navbar__notification-badge{position:absolute;top:0;right:0;background:#ef4444;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #0f172a}.navbar__dropdown{position:absolute;top:calc(100% + 15px);right:-50px;width:320px;background:#0a0f1e;border-radius:20px;border:1px solid rgba(255,255,255,.08);box-shadow:0 15px 40px #00000080;overflow:hidden}.navbar__dropdown-header span{color:#fff;display:flex;justify-content:center;padding:2px 0}.navbar__dropdown-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#6366f1 rgba(255,255,255,.05)}.navbar__dropdown-item{display:flex;gap:12px;padding:15px;border-bottom:1px solid rgba(255,255,255,.03);cursor:pointer}.navbar__dropdown-item:hover{background:#17203b}.navbar__dropdown-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1.5px solid #6366f1;flex-shrink:0;cursor:pointer}.navbar__dropdown-avatar img{width:100%;height:100%;object-fit:cover}.navbar__dropdown-info p{margin:0;color:#cbd5e1;font-size:.85rem}.navbar__burger{display:none;background:none;border:none;color:#fff;cursor:pointer}.navbar__sidebar{position:fixed;top:0;right:0;width:300px;height:100vh;background:#0a0f1e;z-index:2000;box-shadow:-15px 0 35px #0009}.navbar__sidebar-content{padding:30px 20px;display:flex;flex-direction:column;height:100%}.navbar__sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px;color:#6366f1;font-weight:800;font-size:1.2rem}.navbar__close-btn{background:#ffffff0d;border:none;color:#fff;padding:8px;border-radius:10px;cursor:pointer}.navbar__sidebar-user-card{display:flex;align-items:center;gap:15px;padding:15px;background:#ffffff08;border-radius:20px;margin-bottom:35px;border:1px solid rgba(255,255,255,.05);cursor:pointer}.navbar__sidebar-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2.5px solid #6366f1;flex-shrink:0}.navbar__sidebar-info{display:flex;flex-direction:column;gap:3px}.navbar__sidebar-name{color:#fff;font-weight:700;font-size:1.1rem}.navbar__sidebar-status{color:#22c55e;font-size:.8rem;font-weight:600}.navbar__sidebar-links{display:flex;flex-direction:column;gap:10px}.navbar__sidebar-link{position:relative;display:flex;align-items:center;gap:15px;padding:15px;color:#94a3b8;text-decoration:none;font-weight:600;border-radius:12px;transition:.2s}.navbar__sidebar-link:hover,.navbar__sidebar-link--active{background:#6366f11a;color:#818cf8}.navbar__active-indicator-mobile{position:absolute;left:0;top:20%;bottom:20%;width:4px;background:#6366f1;border-radius:0 10px 10px 0;box-shadow:2px 0 10px #6366f1cc}.navbar__sidebar-footer{margin-top:auto;padding-top:25px;border-top:1px solid rgba(255,255,255,.05)}.navbar__sidebar-logout{display:flex;align-items:center;gap:12px;width:100%;padding:15px;background:#ef44441a;border:none;color:#ef4444;border-radius:15px;cursor:pointer;font-weight:700;font-size:1rem}@media(max-width:1235px){.navbar__link{gap:0px;padding:10px 15px}}@media(max-width:1143px){.navbar__link{gap:0px;padding:10px 8px}}@media(max-width:1053px){.navbar__menu--desktop,.navbar__user-section--desktop,.navbar__btn-login--desktop{display:none!important}.navbar__burger{display:block}.navbar__container{padding:0 1.5rem}.navbar__dropdown{position:fixed;top:80px;left:15px;right:15px;width:auto}}@media(max-width:480px){.navbar__logo-text{display:none}.navbar__sidebar{width:85%}}.navbar__dropdown-list::-webkit-scrollbar{width:6px}.navbar__dropdown-list::-webkit-scrollbar-track{background:#ffffff0d}.navbar__dropdown-list::-webkit-scrollbar-thumb{background-color:#6366f1;border-radius:10px}.main-footer{background:#020617cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);padding:3rem 0 1.5rem;width:100%}.main-footer__container{max-width:1200px;margin:0 auto;padding:0 1.5rem;display:grid;gap:2rem}.main-footer__brand{text-align:center}.main-footer__logo{font-size:1.8rem;font-weight:800;background:linear-gradient(to right,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.main-footer__tagline{color:#64748b;font-size:.9rem}.main-footer__social{display:flex;justify-content:center;gap:1.5rem}.main-footer__social-link{color:#94a3b8;transition:color .3s}.main-footer__social-link:hover{color:#6366f1}.main-footer__bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.main-footer__copyright{color:#475569;font-size:.85rem}.main-footer__legal{display:flex;gap:1.5rem}.main-footer__legal a{color:#475569;font-size:.8rem;text-decoration:none}.main-footer__legal a:hover{color:#94a3b8}@media(min-width:768px){.main-footer__bottom{flex-direction:row;justify-content:space-between}}