.app-layout{display:flex;min-height:100vh;position:relative}.app-layout .main-content{flex:1;margin-left:280px;color:var(--color-text-primary);padding:2.5rem;position:relative;z-index:200}.app-layout .main-content .title-section{margin-bottom:2.5rem}.app-layout .main-content .title-section h1{font-size:2.5rem;font-weight:800;margin:0 0 .75rem;color:var(--color-text-primary);letter-spacing:-.05em;line-height:1.2}.app-layout .main-content .title-section .subtitle{font-size:1.125rem;color:var(--color-text-secondary);margin:0;font-weight:400;line-height:1.6}.app-layout .main-content .content-body{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.notification-center-fixed{position:fixed;top:2rem;right:2rem;z-index:9999}@media(min-width:1024px)and (max-width:1919px){.app-layout .main-content{margin-left:260px;padding:2rem}.app-layout .main-content .title-section{margin-bottom:2rem}.app-layout .main-content .title-section h1{font-size:2.25rem}.app-layout .main-content .title-section .subtitle{font-size:1.0625rem}.app-layout .notification-center-fixed{top:1.75rem;right:1.75rem}}@media(max-width:1024px){.app-layout .main-content{margin-left:0;padding:1.75rem}.app-layout .main-content .title-section{margin-bottom:1.75rem}.app-layout .main-content .title-section h1{font-size:2rem}.app-layout .main-content .title-section .subtitle{font-size:1rem}.app-layout .notification-center-fixed{top:1.5rem;right:1.5rem}}@media(max-width:768px){.app-layout .main-content{padding:1.5rem}.app-layout .main-content .title-section{margin-bottom:1.5rem}.app-layout .main-content .title-section h1{font-size:1.75rem}.app-layout .main-content .title-section .subtitle{font-size:.9375rem}.app-layout .notification-center-fixed{top:1.25rem;right:1.25rem}}