:root{--primary-color: #fff;--text-color: #333;--header-bg-color: #fff;--header-text-color: #444;--header-accent-color: #36c}*{box-sizing:border-box}body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#f4f4f4;color:var(--text-color)}body .small{font-size:.75rem}body .header{display:flex;justify-content:space-between;align-items:center;padding:.25rem 2rem;background-color:var(--header-bg-color);color:var(--header-text-color);max-height:3rem}body .header .logo{font-size:1.5rem;background:url(/images/GRAY-horizontal-logo-300x151.png) no-repeat;background-size:contain;background-position:left center;width:6rem;height:2.5rem;cursor:pointer}body .header .auth-section{display:flex;align-items:center;gap:1rem;font-size:.75rem}body .header .auth-section .auth-container{display:flex;align-items:center;gap:.5rem}body .header .auth-section .auth-container .user-avatar{width:2rem;height:2rem;border-radius:50%;cursor:pointer}body .header .auth-section .auth-container .logout-icon{padding:.375rem;border:none;background-color:var(--header-text-color);color:var(--header-bg-color);cursor:pointer;border-radius:50%;width:2rem;height:2rem}body .header .auth-section .auth-container .logout-btn:hover{background-color:var(--header-accent-color)}body .main-content{padding:2rem;text-align:center}body .main-content .profile{background:var(--primary-color);color:var(--text-color);border-radius:1rem;padding:1rem;margin:0 auto;width:20rem}