:root{--white:#fff;--black:#000;--rich-black:#010101;--off-white:#f7f7f7;--gray-50:#f7f7f7;--gray-100:#f5f5f5;--gray-200:#f0f0f0;--gray-300:#efefef;--gray-400:#e4e4e4;--gray-500:#ccc;--gray-600:#dcdcdc;--gray-700:#ececec;--gray-800:#555;--gray-900:#171717;--bg-primary:var(--white);--bg-secondary:var(--off-white);--bg-tertiary:var(--gray-100);--bg-hover:var(--gray-200);--text-primary:var(--black);--text-secondary:var(--gray-900);--text-muted:var(--gray-800);--text-dim:#2d2d2d;--text-dark:#111;--text-deep-gray:#28343f;--text-almost-black:#121212;--btn-bg-primary:var(--black);--btn-bg-secondary:var(--gray-300);--btn-text-primary:var(--white);--btn-text-secondary:var(--black);--border-light:var(--gray-400);--border-medium:var(--gray-500);--border-subtle:var(--gray-800);--border-hover:var(--gray-700);--golden:#c5a058;--golden-alt:#c5a059;--golden-glow:#c5a05980;--accent-orange:#f95015;--accent-orange-deep:#ff591d;--accent-red:#d12525;--overlay-subtle:#00000008;--bg:var(--bg-primary);--btn-back:var(--btn-bg-secondary);--text:var(--text-primary)}[data-theme=dark]{--bg-primary:#000;--text-primary:#fff;--text-secondary:var(--gray-50);--bg-secondary:#111;--border-light:var(--text-dim);--bg:var(--bg-primary);--text:var(--text-primary);--golden:#c5a058}body{background-color:var(--bg-primary);width:100%;color:var(--text-primary);margin:0;padding:0}
.flash-message-space{z-index:150;background-color:var(--bg-primary);height:8px;margin-bottom:0;position:relative}.topbar{z-index:150;background-color:var(--bg-primary);align-items:center;width:100%;height:56px;display:flex;position:relative}.topbar .topbar-left{margin-bottom:-4px;margin-left:24px}.topbar .topbar-left img{cursor:pointer;width:max-content;height:36px;color:var(--white)}.topbar .topbar-middle{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar .topbar-middle button{cursor:pointer;height:36px;color:var(--text-deep-gray);font-size:14px;font-weight:500;line-height:16px;font-family:var(--font-manrope);background-color:#0000;border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px 12px;transition:all .2s ease-in-out;display:flex}.topbar .topbar-middle button:hover{color:var(--text-almost-black);background-color:var(--bg-tertiary)}.topbar .topbar-right{justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;right:24px}.menu-n-account{border:1px solid var(--border-light);border-radius:50px;justify-content:center;align-items:center;padding:4px;display:flex}.menu-n-account .menu-toggle,.menu-n-account .user-account{cursor:pointer;border-radius:50px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s ease-in-out;display:flex}:is(.menu-n-account .menu-toggle,.menu-n-account .user-account) .icon{color:var(--text-muted)}.menu-n-account .menu-toggle:hover,.menu-n-account .user-account:hover{background-color:var(--bg-hover)}:is(.menu-n-account .menu-toggle:hover,.menu-n-account .user-account:hover) .icon{color:var(--black)}.topbar .menu-box{z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-medium);background-color:#0000;width:90%;height:250px;display:none;position:absolute;top:64px;left:50%;translate:-50%}@media (max-width:900px){.topbar-left{cursor:default}.topbar .topbar-middle{display:none}.topbar-right{cursor:none}}
.theme_toggle_container{border:1px solid var(--border-light);border-radius:50px;justify-content:center;align-items:center;padding:4px;display:flex}.theme_toggle_container .icon_btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background-color:#0000;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;display:flex}.theme_toggle_container .icon_btn.active{background-color:var(--bg-hover);color:var(--black)}