.layout-container{color:#1a1a1a;background:#e5e5e5;min-height:100vh;display:flex;overflow-x:hidden}.mobile-overlay{z-index:999;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.mobile-overlay.visible{opacity:1;pointer-events:auto}@media (max-width:1024px){.mobile-overlay{display:block}}.sidebar{z-index:1000;background:linear-gradient(#2a2a2a 0%,#1a1a1a 100%);border-right:2px solid #dc0000;flex-direction:column;height:100vh;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar.open{width:280px}.sidebar.closed{width:80px}@media (max-width:1024px) and (min-width:769px){.sidebar.open{width:250px}.sidebar.closed{width:70px}}@media (max-width:768px){.sidebar{box-shadow:none;transform:translate(-100%);width:280px!important}.sidebar.open{transform:translate(0);box-shadow:4px 0 20px #0000004d}.sidebar.closed{transform:translate(-100%);width:280px!important}}@media (max-width:1024px){.sidebar.closed{transform:translate(-100%);width:280px!important}}.sidebar-header{border-bottom:1px solid #dc00004d;padding:2rem 1rem}@media (max-width:768px){.sidebar-header{padding:2rem 1rem 1.5rem}}.logo-section{cursor:pointer;align-items:center;gap:1rem;text-decoration:none;transition:all .3s;display:flex}.logo-section:hover{transform:scale(1.05)}.logo-section:hover .logo-icon{color:red;text-shadow:0 0 15px #ff0000b3}.logo-section:hover .logo-text h2,.logo-section:hover .logo-text p{color:#dc0000}.logo-icon{color:#dc0000;text-align:center;text-shadow:0 0 10px #dc000080;min-width:48px;font-size:1.8rem;font-weight:700;line-height:1.2}.logo-text h2{color:#fff;letter-spacing:.5px;margin:0;font-size:1.4rem;font-weight:700}.logo-text p{color:#fff;margin:0;font-size:.8rem;font-weight:500}.sidebar-nav{flex:1;padding:2rem 0;overflow-y:auto}.nav-item{color:#fff;border-left:3px solid #0000;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#dc000033;border-left-color:#dc0000}.nav-item.active{color:#fff;background:#dc00004d;border-left-color:#dc0000;font-weight:700}.nav-icon{color:#dc0000;min-width:24px;font-size:1.5rem}.nav-label{white-space:nowrap;font-size:1rem}.sidebar-footer{border-top:1px solid #dc00004d;padding:1.5rem 1rem}.contact-info{color:#ccc;font-size:.85rem}.contact-item{align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.contact-item.small{font-size:.75rem;line-height:1.4}.main-wrapper{flex-direction:column;flex:1;width:calc(100% - 280px);min-height:100vh;margin-left:280px;transition:margin-left .3s;display:flex}.sidebar.closed~.main-wrapper{width:calc(100% - 80px);margin-left:80px}@media (max-width:1024px) and (min-width:769px){.main-wrapper{width:calc(100% - 250px);margin-left:250px}.sidebar.closed~.main-wrapper{width:calc(100% - 70px);margin-left:70px}}@media (max-width:768px){.main-wrapper,.sidebar.closed~.main-wrapper{width:100%!important;margin-left:0!important}}.header{z-index:100;background:linear-gradient(90deg,#2a2a2a 0%,#1f1f1f 100%);border-bottom:2px solid #dc0000;justify-content:space-between;align-items:center;gap:.5rem;min-height:80px;padding:.75rem 2rem;display:flex;position:sticky;top:0;box-shadow:0 4px 6px #0003}@media (max-width:1024px) and (min-width:769px){.header{min-height:70px;padding:.5rem 1rem}}@media (max-width:768px){.header{gap:.25rem;min-height:60px;padding:.5rem 1rem}}.sidebar-toggle{color:#dc0000;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:24px;padding:.25rem;transition:all .3s;display:flex}.sidebar-toggle:hover{color:red;transform:scale(1.1)}.header-center{text-align:center;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative}@media (max-width:1024px) and (min-width:769px){.header-center{flex:0 auto}}@media (max-width:768px){.header-center{flex:1;justify-content:center;padding:0 .5rem}}.header-logo-container{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative}.header-logo-container:hover .header-tagline{color:#dc0000;letter-spacing:4px}.header-logo{object-fit:contain;object-position:center;mix-blend-mode:lighten;filter:brightness(1.15)contrast(1.1);transform:scaleX(2.2);width:auto!important;height:65px!important}.header-welcome{color:#dc0000;letter-spacing:1px;white-space:nowrap;text-shadow:0 1px 2px #0000004d;background:#dc00001a;border:1px solid #dc000033;border-radius:20px;margin-bottom:-.25rem;padding:.25rem .75rem;font-size:.85rem;font-weight:600}.header-tagline{color:#fff;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;font-size:.9rem;font-weight:600}@media (max-width:1024px) and (min-width:769px){.header-logo{transform:scaleX(1.8);height:50px!important}.header-tagline{letter-spacing:2px;font-size:.75rem}.header-welcome{padding:.2rem .5rem;font-size:.75rem}}@media (max-width:768px){.header-logo{transform:scaleX(1.5);height:40px!important}.header-tagline{letter-spacing:1px;font-size:.65rem}.header-welcome{letter-spacing:.5px;padding:.15rem .4rem;font-size:.7rem}}@media (max-width:480px){.header-logo{transform:scaleX(1.3);height:35px!important}.header-tagline{display:none}}.header-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}@media (max-width:1024px) and (min-width:769px){.header-actions{gap:.5rem}}@media (max-width:768px){.header-actions{gap:.5rem}.header-actions .phone-btn{display:none}.header-btn{padding:.5rem .75rem;font-size:.8rem}}@media (max-width:480px){.header-actions{gap:.25rem}.header-btn{padding:.4rem .6rem;font-size:.75rem}}.mail-icon-link{justify-content:center;align-items:center;text-decoration:none;display:flex}.mail-icon-link>div{transition:all .3s}.mail-icon-link:hover>div{background:#dc000040;border-color:#dc0000;transform:translateY(-2px);box-shadow:0 4px 12px #dc00004d}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.header-btn{border:2px solid;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.phone-btn{color:#dc0000;background:0 0;border-color:#dc0000}.phone-btn:hover{color:#fff;background:#dc0000;transform:translateY(-2px);box-shadow:0 4px 8px #dc00004d}.student-login-btn{color:#fff;background:#dc0000;border-color:#dc0000}.student-login-btn:hover{background:red;border-color:red;transform:translateY(-2px);box-shadow:0 4px 8px #dc000080}.content{background:#e5e5e5;flex:1;padding:2rem 2rem 5rem;overflow-x:hidden}@media (max-width:1024px) and (min-width:769px){.content{padding:1.5rem 1.5rem 4.5rem}}@media (max-width:768px){.content{padding:1rem 1rem 6rem}}@media (max-width:480px){.content{padding:.75rem .75rem 7rem}}.footer{z-index:99;background:linear-gradient(90deg,#2a2a2a 0%,#1f1f1f 100%);border-top:2px solid #dc0000;justify-content:space-between;align-items:center;padding:.5rem 2rem;transition:left .3s;display:flex;position:fixed;bottom:0;left:280px;right:0}.sidebar.closed~.main-wrapper .footer{left:80px}@media (max-width:1024px) and (min-width:769px){.footer{padding:.5rem 1rem;left:250px}.sidebar.closed~.main-wrapper .footer{left:70px}}.footer-left{text-align:left;gap:2rem;display:flex}.footer-left p{color:#999;margin:0;font-size:.75rem;line-height:1.3}.footer-right{text-align:right}.footer-right p{color:#999;margin:.25rem 0;font-size:.75rem;line-height:1.3}.version-info{font-family:monospace;color:#666!important;font-size:.7rem!important}@media (max-width:768px){.footer{text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.5rem 1rem;left:0!important}.footer-left{flex-flow:wrap;justify-content:center;gap:1rem}.footer-right{text-align:center}.footer-left p,.footer-right p{font-size:.7rem}.version-info{font-size:.65rem!important}}@media (max-width:480px){.footer{gap:.25rem;padding:.4rem .75rem}.footer-left{flex-direction:column;gap:.15rem}.footer-left p,.footer-right p{font-size:.65rem}.version-info{font-size:.6rem!important}}.user-profile-clickable{color:#fff;border-bottom:1px solid #dc00004d;border-left:3px solid #0000;align-items:center;gap:1rem;margin:0;padding:1rem 1.5rem;text-decoration:none;transition:all .3s;display:flex}.user-profile-clickable:hover{color:#fff;background:#dc000033;border-left-color:#dc0000}.user-profile-clickable.active{color:#fff;background:#dc00004d;border-left-color:#dc0000;font-weight:700}.user-profile-header{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.user-avatar-icon{color:#dc0000;background:#dc00001a;border-radius:50%;flex-shrink:0;min-width:24px;padding:.5rem;font-size:1.5rem}.user-info{flex:1;min-width:0}.user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:.25rem;font-size:.9rem;font-weight:600;overflow:hidden}.user-role{color:#ccc;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.sidebar-logout-section{border-top:1px solid #dc00004d;margin:1rem;padding-top:1rem}.logout-button-sidebar{color:#fcc;cursor:pointer;background:0 0;border:1px solid #dc00004d;border-radius:6px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.logout-button-sidebar:hover{color:#fff;background:#dc00004d;border-color:#dc0000}.sidebar.closed .logout-button-sidebar{padding:.75rem;font-size:1.2rem}.sidebar.closed .logout-button-sidebar span{display:none}.user-menu{align-items:center;gap:1rem;display:flex}.user-menu .header-welcome{margin-bottom:0;padding:.35rem .75rem;font-size:.9rem}.user-greeting{color:#fff;letter-spacing:.5px;text-shadow:0 1px 2px #0000004d;background:#dc000026;border:1px solid #dc00004d;border-radius:8px;padding:.5rem 1rem;font-size:1rem;font-weight:600}@media (max-width:768px){.header-actions{display:flex!important}.footer-content{grid-template-columns:1fr}.user-menu{flex-direction:row;gap:.5rem}.user-menu .header-welcome{display:none}}@media (max-width:480px){.user-menu{gap:.25rem}}