*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa}.main-header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(135deg,#2f012f,#4a1a4a);box-shadow:0 2px 20px #0000001a;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{display:flex;align-items:center;justify-content:space-between;padding:0 20px;max-width:1200px;margin:0 auto;height:70px}.header-brand{flex-shrink:0}.brand-title{color:#fff;font-size:1.8rem;font-weight:700;letter-spacing:1px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.main-navigation{display:flex;align-items:center;flex:1;justify-content:center}.nav-menu{display:flex;list-style:none;align-items:center;gap:30px}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:1rem;padding:8px 16px;border-radius:8px;transition:all .3s ease;position:relative}.nav-link:hover{background:#ffffff1a;transform:translateY(-1px)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:50%;width:0;height:2px;background:linear-gradient(90deg,gold,#ffed4e);transition:all .3s ease;transform:translate(-50%)}.nav-link:hover:after{width:80%}.logout-form{display:inline}.logout-btn{background:#dc3545cc;color:#fff;border:none;padding:8px 16px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.logout-btn:hover{background:#dc3545;transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.user-profile{display:flex;align-items:center;gap:12px;flex-shrink:0}.user-avatar{width:40px;height:40px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003;position:relative;cursor:pointer}.user-avatar:before{content:attr(data-tooltip);position:absolute;bottom:-45px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:8px 12px;border-radius:6px;font-size:.8rem;font-weight:500;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001;box-shadow:0 4px 12px #0000004d}.user-avatar:after{content:"";position:absolute;bottom:-35px;left:50%;transform:translate(-50%);border:5px solid transparent;border-bottom-color:#000000e6;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1001}.user-avatar:hover:before,.user-avatar:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-5px)}.user-initial{color:#333;font-weight:700;font-size:1.1rem}.user-name{color:#fff;font-weight:500;font-size:.9rem;white-space:nowrap}.nav-toggle{display:none;flex-direction:column;cursor:pointer;padding:5px}.nav-toggle span{width:25px;height:3px;background:#fff;margin:3px 0;transition:all .3s ease;border-radius:2px}.nav-toggle-active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav-toggle-active span:nth-child(2){opacity:0}.nav-toggle-active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.main-content{margin-top:70px;min-height:calc(100vh - 130px)}.main-footer{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#2f012f,#4a1a4a);box-shadow:0 -2px 20px #0000001a;z-index:1000}.footer-container{max-width:1200px;margin:0 auto;padding:15px 20px;text-align:center}.footer-container p{color:#fff;font-size:.9rem;margin:0;opacity:.9}@media (max-width: 768px){.header-container{padding:0 15px;height:60px}.brand-title{font-size:1.5rem}.nav-toggle{display:flex}.nav-menu{position:fixed;top:60px;left:-100%;width:100%;height:calc(100vh - 60px);background:linear-gradient(135deg,#2f012f,#4a1a4a);flex-direction:column;justify-content:flex-start;align-items:center;padding-top:50px;transition:left .3s ease;box-shadow:0 5px 20px #0000004d}.nav-menu-active{left:0}.nav-menu li{margin:15px 0}.nav-link{font-size:1.2rem;padding:15px 30px;display:block;width:200px;text-align:center}.logout-btn{font-size:1.1rem;padding:12px 24px}.user-profile{display:none}.user-avatar:before,.user-avatar:after{display:none}.main-content{margin-top:60px;min-height:calc(100vh - 110px)}.footer-container{padding:12px 15px}.footer-container p{font-size:.8rem}}@media (max-width: 480px){.header-container{padding:0 10px;height:55px}.brand-title{font-size:1.3rem}.nav-menu{top:55px;height:calc(100vh - 55px);padding-top:40px}.nav-link{font-size:1.1rem;padding:12px 25px;width:180px}.logout-btn{font-size:1rem;padding:10px 20px}.main-content{margin-top:55px;min-height:calc(100vh - 100px)}.footer-container{padding:10px}.footer-container p{font-size:.75rem;line-height:1.4}}@media (max-width: 360px){.brand-title{font-size:1.2rem}.nav-link{font-size:1rem;padding:10px 20px;width:160px}.logout-btn{font-size:.9rem;padding:8px 16px}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.main-header,.main-footer{border:.5px solid rgba(255,255,255,.1)}}.nav-link:focus-visible,.logout-btn:focus-visible{outline:2px solid #ffd700;outline-offset:2px}.nav-toggle:focus-visible{outline:2px solid #ffd700;outline-offset:2px}html{scroll-behavior:smooth}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.main-header{animation:slideDown .6s ease-out}.nav-menu{transition:left .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logout-btn:hover{background:#dc3545;box-shadow:0 6px 20px #dc354566}.user-avatar:hover{transform:scale(1.1);box-shadow:0 4px 12px #ffd7004d}