.app-bar{margin-bottom:1.5rem;border-radius:12px;background:#fffffff2;box-shadow:0 2px 12px #00000012;top:0;z-index:1201}.app-bar .toolbar{min-height:64px;padding:0 1.5rem}.app-bar .logo-container{display:flex;align-items:center;flex-grow:1}.app-bar .logo-container .logo{width:44px;height:44px;margin-right:.5rem;background-color:#fff;border:2px solid #eee;box-shadow:0 1px 3px #0000001a}.app-bar .logo-container .title{font-weight:800;letter-spacing:1px;color:#4caf50;-webkit-user-select:none;user-select:none;cursor:pointer}.app-bar .nav-links{display:flex;align-items:center}.app-bar .nav-links .nav-link{margin-left:.5rem;font-weight:400;border-radius:8px;transition:background .2s}.app-bar .nav-links .nav-link:hover{background-color:#e8f5e9}.app-bar .nav-links .nav-link.active{font-weight:700;background-color:#e8f5e9;box-shadow:0 1px 3px #0000001a}.app-bar .drawer-paper{z-index:1400;background:#ffffff4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.app-bar .drawer-paper .drawer-content{width:260px;padding:0}.app-bar .drawer-paper .drawer-header{display:flex;align-items:center;padding:1rem 1rem .5rem}.app-bar .drawer-paper .drawer-header .logo{width:36px;height:36px;margin-right:.5rem}.app-bar .drawer-paper .drawer-header .title{font-weight:700;flex-grow:1}.app-bar .drawer-paper .drawer-link-list{margin-top:.5rem}.app-bar .drawer-paper .drawer-divider{margin:.5rem 0}.app-bar .drawer-paper .drawer-footer{padding:1rem}.app-bar .drawer-paper .drawer-footer .footer-button{border-radius:8px;font-weight:600}.bottom-nav-paper{position:fixed;bottom:0;left:0;right:0;z-index:1300;display:block}@media (min-width: 600px){.bottom-nav-paper{display:none}}body{background-color:#f6fff7;color:#333;font-family:Roboto,sans-serif;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:2rem}