._sidebar_5l8z6_1{background-color:#f4f4f4;padding:20px;height:100vh}._navList_5l8z6_7{list-style:none;padding:0;margin:0}._navItem_5l8z6_13 a{text-decoration:none;color:#333;display:block;padding:10px;border-radius:4px}._navItem_5l8z6_13 a:hover{background-color:#ddd}._navGroup_5l8z6_25{margin-bottom:20px}._navGroup_5l8z6_25 h3{font-size:16px;color:#555;margin-top:0;margin-bottom:10px;padding-left:10px}._layout_11ri2_1{display:flex}._sidebar_11ri2_5{width:240px;flex-shrink:0}._content_11ri2_10{flex-grow:1;padding:20px}._container_uoqnz_1{padding:50px;text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#f5f5f5}.app-container{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column;gap:20px}.avatar-section{flex:1;min-height:300px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;display:flex;justify-content:center;align-items:center}.avatar-placeholder{width:200px;height:200px;background-color:#f0f0f0;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:1.2em;color:#666}.event-log-section{flex:1;min-height:300px;background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.event-log-header{padding:15px 20px;border-bottom:1px solid #eee}.event-log-header h2{font-size:1.4em;color:#333}.event-log-container{flex:1;padding:20px;overflow-y:auto;max-height:400px}@media (max-width: 768px){.app-container{padding:10px;gap:15px}.avatar-section{min-height:200px}.avatar-placeholder{width:150px;height:150px;font-size:1em}.event-log-section{min-height:250px}}.event-log-container::-webkit-scrollbar{width:8px}.event-log-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.event-log-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.event-log-container::-webkit-scrollbar-thumb:hover{background:#666}@media (hover: none) and (pointer: coarse){button:hover,.MuiButton-root:hover,.MuiIconButton-root:hover,.MuiTab-root:hover,.MuiListItem-root:hover,.MuiMenuItem-root:hover{transform:initial!important;opacity:initial!important}.MuiButton-containedPrimary:hover,.MuiButton-outlined:hover,.MuiButton-text:hover{box-shadow:none!important}.MuiOutlinedInput-root:hover fieldset{border-color:initial!important}}@media (pointer: coarse){button,.MuiButton-root,.MuiIconButton-root,.MuiTab-root,.MuiListItem-root,.MuiMenuItem-root,.MuiChip-clickable{min-height:44px;min-width:44px}button,.MuiButton-root,.MuiIconButton-root,.MuiTab-root,.MuiListItem-root,.MuiMenuItem-root,.MuiChip-clickable,a,[role=button],[tabindex]{-webkit-tap-highlight-color:rgba(0,0,0,.1);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}}button,.MuiButton-root,.MuiIconButton-root,.MuiTab-root,.MuiListItem-button,.MuiMenuItem-root,.MuiChip-clickable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=search],textarea,select,.MuiInputBase-input{font-size:16px!important}}@media (hover: none){*{cursor:default!important}button,.MuiButton-root,.MuiIconButton-root,.MuiTab-root,.MuiListItem-button,.MuiMenuItem-root,.MuiChip-clickable,a,[role=button]{cursor:pointer!important}}