.app-header{position:sticky;top:0;z-index:100;background-color:#1a1a1a;border-bottom:1px solid #333}.app-header__container{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.app-header__brand{font-size:1.25rem;font-weight:600;color:inherit;text-decoration:none}.app-header__brand:hover{color:#646cff}.user-dropdown{position:relative}.user-dropdown__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid #444;border-radius:4px;color:inherit;cursor:pointer;font-size:.875rem}.user-dropdown__trigger:hover{background-color:#333}.user-dropdown__trigger:focus{outline:2px solid #646cff;outline-offset:2px}.user-dropdown__chevron{font-size:.625rem}.user-dropdown__menu{position:absolute;top:calc(100% + 4px);right:0;min-width:150px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #0000004d;overflow:hidden}.user-dropdown__item{display:block;width:100%;padding:.625rem 1rem;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer;font-size:.875rem}.user-dropdown__item:hover{background-color:#333}.user-dropdown__item:focus{outline:none;background-color:#444}.user-dropdown__item--logout{border-top:1px solid #444;color:#ff6b6b}.main-layout{min-height:100vh;display:flex;flex-direction:column}.main-layout__content{flex:1}@media(prefers-color-scheme:light){.app-header{background-color:#fff;border-bottom-color:#e0e0e0}.user-dropdown__trigger{border-color:#ccc}.user-dropdown__trigger:hover{background-color:#f5f5f5}.user-dropdown__menu{background-color:#fff;border-color:#e0e0e0;box-shadow:0 4px 12px #0000001a}.user-dropdown__item:hover{background-color:#f5f5f5}.user-dropdown__item:focus{background-color:#e8e8e8}.user-dropdown__item--logout{border-top-color:#e0e0e0}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{min-width:320px;min-height:100vh}h1{font-size:2rem;line-height:1.2;margin-bottom:1rem}h2{font-size:1.5rem;line-height:1.3;margin-bottom:.75rem}a{color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}}