html,body{margin:0;padding:0;width:100%;box-sizing:border-box;font-family:sans-serif}*,*:before,*:after{box-sizing:inherit}.page-container{width:100%;margin-right:auto;margin-left:auto;padding:1rem}body{font-size:14px}.app-header{width:100%;background-color:#fff;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.header-container{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:.75rem 1.5rem}.brand-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#333;font-weight:700;font-size:1.25rem}.brand-logo img{height:32px;width:auto}.auth-nav{display:flex;align-items:center;gap:1.5rem}.nav-link{text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s ease-in-out}.btn-signin{color:#007bff}.btn-signin:hover{text-decoration:underline}.user-profile-group{display:flex;align-items:center;gap:1rem}.user-name{color:#495057;font-weight:600}.btn-logout{color:#dc3545;padding:.35rem .75rem;border:1px solid #dc3545;border-radius:4px}.btn-logout:hover{background-color:#dc3545;color:#fff}@media(min-width:600px){body{font-size:15px}.page-container{max-width:540px;padding:1.5rem}}@media(min-width:768px){body{font-size:16px}.page-container{max-width:720px}}@media(min-width:992px){.page-container{max-width:960px;padding:2rem}}@media(min-width:1200px){.page-container{max-width:1140px}}.responsive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.responsive-flex{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.responsive-flex{flex-direction:row;align-items:center;justify-content:space-between}}.hide-on-mobile{display:none!important}@media(min-width:768px){.hide-on-mobile{display:block!important}}@media(max-width:480px){.header-container{padding:.75rem 1rem}.brand-name{display:none}.auth-nav{gap:.75rem}.user-profile-group{gap:.5rem}}.link-button{background:none;border:none;padding:0;color:#0056b3;font:inherit;cursor:pointer;text-decoration:none}.link-button:hover{text-decoration:underline}