*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;margin:0;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.page-layout{display:flex;min-height:100vh;background-color:#f4e7e1}app-navbar{width:280px;background-color:#521c0d;box-shadow:2px 0 10px #0000001a}.main-content{flex:1;display:flex;flex-direction:column}app-header{height:80px;background-color:#ff9b45;color:#521c0d;display:flex;align-items:center;padding:0 2rem;box-shadow:0 2px 5px #0000001a}.content-area{flex:1;padding:2rem;background-color:#fff;overflow-y:auto;max-height:calc(100vh - 80px)}@media (max-width: 768px){.page-layout{flex-direction:column;padding-bottom:60px}app-navbar{width:100%;order:2}.main-content{width:100%;order:1}.content-area{padding:1rem;max-height:calc(100vh - 140px)}}@media (max-width: 480px){app-header{padding:0 1rem;height:70px}.content-area{padding:.75rem;max-height:calc(100vh - 130px)}}