.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:white;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.fullscreen-mode .footer,.fullscreen-mode .navbar,.layout-fullscreen .footer,.layout-fullscreen .navbar{display:none!important}.navbar-transparent{background:transparent;box-shadow:none}.nav-container{max-width:1200px;margin:0 auto;padding:.55rem 1.25rem;justify-content:space-between}.nav-container,.nav-logo{display:flex;align-items:center}.nav-logo{gap:.5rem;text-decoration:none;color:#1a202c}.logo-icon,.navbar-transparent .nav-logo{color:white}.logo-icon{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#8B0000,#5c0000);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}.logo-text{font-weight:600;font-size:1rem}.nav-links{display:flex;gap:1.25rem;align-items:center}.nav-links a{text-decoration:none;color:#4a5568;font-weight:500;font-size:.9rem;transition:color .2s ease;position:relative}.navbar-transparent .nav-links a{color:rgba(255,255,255,.85)}.nav-links a:hover{color:#8B0000}.navbar-transparent .nav-links a:hover{color:white}.nav-links a.active{color:#8B0000}.navbar-transparent .nav-links a.active{color:white}.nav-links a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#8B0000;border-radius:1px}.navbar-transparent .nav-links a.active:after{background:white}.main-content{flex:1 1;margin-top:52px}.main-content.fullscreen{margin-top:0;padding:0;overflow:hidden}.navbar-transparent+.main-content{margin-top:0}.footer{background:#0a0a0a;color:#a0aec0;padding:2rem}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer p{margin:0;font-size:.9rem}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:#a0aec0;text-decoration:none;font-size:.9rem;transition:color .2s ease}.footer-links a:hover{color:white}@media (max-width:768px){.nav-container{padding:.55rem 1rem}.nav-links{gap:.8rem}.nav-links a{font-size:.82rem}.footer-container{flex-direction:column;text-align:center}}@media (max-width:480px){.logo-text{display:none}.logo-icon{width:28px;height:28px}.nav-links{gap:.65rem}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0}body{min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto}button{cursor:pointer;font-family:inherit}button:disabled{cursor:not-allowed;opacity:.6}*{box-sizing:border-box}body{margin:0;padding:0}.App{min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:2rem;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.app-header h1{margin:0;font-size:2.5rem;font-weight:700;letter-spacing:.5px}.app-header .subtitle{margin:.5rem 0 0;font-size:1.1rem;opacity:.95;font-weight:300}.app-main{flex:1 1;padding:2rem;max-width:1200px;width:100%;margin:0 auto}.app-footer{background-color:#2d3748;color:white;text-align:center;padding:1.5rem;margin-top:auto}.app-footer p{margin:0;font-size:.9rem}@media (max-width:768px){.app-header h1{font-size:1.8rem}.app-header .subtitle{font-size:1rem}.app-main{padding:1rem}}