:root{--background-color: #121212;--primary-color: #282828;--secondary-color: #3F3F3F;--light-yellow-color: #FBAA4B;--yellow-color: #F89F31;--white-color: #FFFFFF;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--white-color);background-color:var(--background-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;display:grid;padding:32px;box-sizing:border-box;grid-template-rows:60px 1fr;grid-template-columns:80px 1fr;grid-template-areas:"sidebar header" "sidebar content";align-items:center}html,body{height:100%}body{margin:0;padding:0;box-sizing:border-box}.header-area{display:flex;flex-direction:row;align-items:center;justify-content:space-between;grid-area:header;padding:0 32px;gap:24px}.pagination-row{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:32px}h1,h2,p{margin:0;padding:0}.sidebar{display:flex;flex-direction:column;height:226px;width:65px;align-items:center;justify-content:center;gap:24px;background-color:var(--primary-color);padding:32px 8px;border-radius:8px;position:fixed;grid-area:sidebar}.sidebar-option{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.sidebar-label{margin-top:0;font-size:12px;color:var(--white-color)}.sidebar-icon.colored,.sidebar-label.colored{color:var(--light-yellow-color)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.loading-container--fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(var(--background-color),.95);z-index:1000}.loading-container--overlay{position:absolute;inset:0;background-color:rgba(var(--background-color),.8);z-index:10;border-radius:24px}.loading-spinner{display:inline-block;position:relative;width:50px;height:50px}.loading-spinner__circle{box-sizing:border-box;display:block;position:absolute;width:40px;height:40px;margin:5px;border:4px solid transparent;border-radius:50%;animation:loading-spinner 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--white-color) transparent transparent transparent}.loading-text{margin-top:16px;font-size:16px;color:var(--white-color);font-weight:500}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pages{display:flex;flex-direction:row;align-items:center;justify-content:center;border:none;border-radius:8px;padding:0 16px;gap:16px;background-color:var(--primary-color)}.pages ul{display:flex;flex-direction:row;align-items:center;gap:8px;list-style-type:none;padding:0;margin:0}.pages a{cursor:pointer;margin:0;display:flex;align-items:center;justify-content:center;width:auto;height:32px}.pages li{list-style:none;display:flex;align-items:center;justify-content:center}.active{font-weight:700;color:var(--light-yellow-color)}.search-container{background-color:var(--secondary-color);padding:16px;width:50%;height:20px;border-radius:24px;display:flex;gap:16px;align-items:center}.search-container input{width:100%;height:100%;border:none;background:transparent;color:var(--text-color);font-size:16px;outline:none}.search-container button{background:none;border:none;cursor:pointer;color:var(--text-color)}.item{display:flex;flex-direction:row;align-items:center;gap:16px;position:relative}.item p{font-size:12px;text-wrap-mode:nowrap}.dropdown-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:8px 16px;border-radius:8px;border:none;background-color:var(--primary-color);color:var(--white-color);cursor:pointer;text-wrap-mode:nowrap;min-width:120px;transition:background-color .2s ease}.dropdown-button:hover{background-color:var(--secondary-color)}.arrow{font-size:10px;transition:transform .2s ease}.arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background-color:var(--primary-color);border-radius:8px;overflow:hidden;z-index:1000;width:120px;box-shadow:0 4px 8px #0000004d}.dropdown-item{padding:8px 16px;cursor:pointer;transition:background-color .2s ease;text-align:left}.dropdown-item:hover{background-color:var(--secondary-color)}.dropdown-item.selected{background-color:var(--yellow-color);color:var(--background-color);font-weight:700}