:root{--color-white:#272a3a;--color-light:#151728;--color-gray:#9e98b3;--color-primary:#2b43f7;--nav-height:4rem;--transition:all .3s ease}*{box-sizing:border-box;margin:0;padding:0}.navbar-home{--nb-bg:#1a1c2edb;--nb-line:#ffffff12;--nb-text:#eef0ff;--nb-muted:#9aa0c3;--nb-accent:#4a60ff;z-index:90;height:var(--nav-height);background:var(--nb-bg);-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);border-bottom:1px solid var(--nb-line);color:var(--nb-text);align-items:center;transition:transform .22s;display:flex;position:fixed;inset:0 0 auto;box-shadow:0 6px 24px #0000002e}.navbar-home.is-hidden{transform:translateY(-100%)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.navbar-home{background:#1c1f33}}.nav-container{grid-template-columns:minmax(240px,340px) minmax(0,1fr) auto;align-items:center;gap:24px;width:100%;padding:0 20px;display:grid}.nav-brand{width:max-content;color:var(--nb-text);border-radius:12px;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.nav-brand:focus-visible{outline:2px solid var(--nb-accent);outline-offset:4px}.nav-logo{object-fit:contain;width:44px;height:44px;transition:transform .2s;display:block}.nav-brand:hover .nav-logo{transform:scale(1.06)rotate(-4deg)}.nav-wordmark{letter-spacing:.08em;text-transform:uppercase;font-size:1.35rem;font-weight:800}.nav-search{width:min(560px,100%)}.nav-actions{align-items:center;gap:4px;display:flex}.nav-icon{width:42px;height:42px;color:var(--nb-text);cursor:pointer;background:#ffffff0f;border:0;border-radius:50%;place-items:center;font-size:21px;text-decoration:none;display:grid;position:relative}.nav-icon:hover{background:#ffffff1f}.nav-icon:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}.nav-badge{color:#fff;text-align:center;box-sizing:border-box;background:#ff2d55;border:2px solid #1c1f33;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:800;line-height:14px;position:absolute;top:-2px;right:-3px}.nav-only-phone{display:none}.hm-tabs,.pf-tabs{transition:top .22s}@media (max-width:768px){html[data-nav-hidden] .hm-tabs,html[data-nav-hidden] .pf-tabs{top:0}}.sb{position:relative}.sb-field{background:#0a0c1a8c;border:1px solid #ffffff1a;border-radius:999px;align-items:center;height:42px;transition:border-color .15s,box-shadow .15s,background .15s;display:flex;position:relative}.sb-field:focus-within{border-color:var(--nb-accent,#4a60ff);background:#0a0c1acc;box-shadow:0 0 0 3px #4a60ff38}.sb-icon{color:#9aa0c3;pointer-events:none;font-size:18px;position:absolute;left:15px}.sb-field input{color:#eef0ff;width:100%;height:100%;font:inherit;background:0 0;border:0;outline:none;padding:0 44px;font-size:15px}.sb-field input:focus,.sb-field input:focus-visible{box-shadow:none;outline:none}.sb-field input::placeholder{color:#8d93b8}.sb-field input::-webkit-search-cancel-button{display:none}.sb-clear{color:#9aa0c3;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;font-size:18px;display:grid;position:absolute;right:6px}.sb-clear:hover{color:#fff;background:#ffffff14}.sb-kbd{color:#8d93b8;text-align:center;border:1px solid #ffffff29;border-radius:6px;min-width:22px;height:22px;padding:0 6px;font:600 12px/20px ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;right:12px}.sb-field:focus-within .sb-kbd{display:none}.sb-panel{z-index:95;overscroll-behavior:contain;background:#1f2235;border:1px solid #ffffff1f;border-radius:16px;max-height:min(70vh,560px);padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 50px #00000080}.sb-head{color:#eef0ff;justify-content:space-between;align-items:center;padding:6px 10px 4px;font-size:14px;font-weight:800;display:flex}.sb-link{color:#8fa0ff;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 6px;font-size:13px;font-weight:700}.sb-link:hover{background:#4a60ff1f}.sb-section{color:#9aa0c3;letter-spacing:.06em;text-transform:uppercase;padding:10px 10px 4px;font-size:11.5px;font-weight:800}.sb-row{color:#eef0ff;cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:52px;padding:6px 10px;display:flex}.sb-row.is-active{background:#ffffff12}.sb-row.is-all{color:#b8c3ff;border-top:1px solid #ffffff12;border-radius:0 0 12px 12px;margin-top:4px;font-weight:700}.sb-row.is-all.is-active{background:#4a60ff24;border-radius:12px}.sb-pic{object-fit:cover;background:#12142a;border-radius:10px;flex:none;width:40px;height:40px}.sb-pic.is-round{border-radius:50%}.sb-pic.is-icon,.sb-pic.is-letter,.sb-pic.is-video{color:#c3ccff;background:#4a60ff29;place-items:center;font-size:18px;display:grid}.sb-pic.is-letter{color:#fff;background:linear-gradient(135deg,#2b43f7,#8e5cff);font-size:16px;font-weight:800}.sb-pic.is-video{color:#fff;background:linear-gradient(135deg,#1b1e33,#2b2f4a)}.sb-text{flex:1;gap:1px;min-width:0;display:grid}.sb-label{align-items:center;gap:4px;min-width:0;font-size:14.5px;font-weight:600;display:flex}.sb-label-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sb-label mark,.sb-sub mark{color:#8fa0ff;background:0 0;font-weight:800}.sb-sub{color:#9aa0c3;align-items:center;gap:4px;min-width:0;font-size:12.5px;display:flex}.sb-sub svg{flex:none;font-size:12px}.sb-tick{color:#4f8bff;flex:none;font-size:15px}.sb-x{color:#9aa0c3;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:16px;display:grid}.sb-x:hover{color:#fff;background:#ffffff1a}.sb-empty{color:#9aa0c3;align-items:center;gap:8px;margin:0;padding:14px 12px;font-size:14px;display:flex}.sb-empty.is-error{color:#ffb3b5}.sb-spin{border:2px solid #4a60ff4d;border-top-color:#4a60ff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite sb-rot}@keyframes sb-rot{to{transform:rotate(360deg)}}.sb-sheet{z-index:1500;color:#eef0ff;background:#151728;flex-direction:column;animation:.16s ease-out sb-in;display:flex;position:fixed;inset:0}@keyframes sb-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.sb-sheet-top{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));border-bottom:1px solid #ffffff12;align-items:center;gap:6px;display:flex}.sb-sheet-top .sb-field{flex:1}.sb-back{color:#eef0ff;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.sb-panel.is-sheet{max-height:none;box-shadow:none;padding:6px 8px calc(16px + env(safe-area-inset-bottom));background:0 0;border:0;border-radius:0;flex:1;position:static}.sb-panel.is-sheet .sb-row{min-height:56px}@media (prefers-reduced-motion:reduce){.navbar-home,.hm-tabs,.pf-tabs{transition:none}.sb-sheet{animation:none}}@media (max-width:1100px){.nav-container{grid-template-columns:auto minmax(0,1fr) auto}}@media (max-width:768px){.nav-container{grid-template-columns:auto 1fr auto;gap:8px;padding:0 12px}.nav-search{display:none}.nav-only-phone{display:grid}.nav-logo{width:38px;height:38px}.nav-wordmark{font-size:1.15rem}.nav-actions{grid-column:3}}@media (max-width:360px){.nav-wordmark{display:none}}
:root{--color-white:#272a3a;--color-light:#151728;--color-gray:#9e98b3;--color-primary:#2b43f7;--color-primary-hover:#0822e7;--color-hover:#ffffff21;--card-border-radius:1rem;--transition-default:all .3s ease;--transition-fast:all .15s ease;--shadow-sm:0 2px 5px #0000001a;--shadow-md:0 4px 10px #00000026}.sidebar-loading{width:260px;padding:1rem}.skeleton-loader{background:linear-gradient(90deg, var(--color-light) 25%, var(--color-hover) 50%, var(--color-light) 75%);border-radius:var(--card-border-radius);background-size:200% 100%;height:200px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:767px){.left{display:none}}@media (min-width:768px) and (max-width:991px){.left{display:none}}@media (min-width:992px) and (max-width:1199px){.left{z-index:999;width:240px;height:max-content;margin-left:-2rem;display:block;position:sticky;top:5rem}.side-profile{background:var(--color-white);border-radius:var(--card-border-radius);box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid #ffffff1a;align-items:center;gap:.8rem;margin-bottom:1rem;padding:.8rem;display:flex}.side-profile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.side-profile .profile-photo{object-fit:cover;border-radius:50%;width:2.4rem;height:2.4rem}.profile-name h4{margin:0;font-size:.9rem}.profile-name .username{margin:0;font-size:.75rem}.firstsidebar{background:var(--color-white);border-radius:var(--card-border-radius);overflow:hidden}.firstsidebar .menu-item{cursor:pointer;height:3.5rem;transition:var(--transition-default);align-items:center;padding:0 .8rem;display:flex;position:relative}.firstsidebar .menu-item .sideicon{flex-shrink:0;font-size:1.4rem}.firstsidebar h3{white-space:nowrap;text-overflow:ellipsis;margin-left:1.2rem;font-size:.9rem;overflow:hidden}.firstsidebar .active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:.4rem;height:100%;display:block;position:absolute;left:0}}@media (min-width:1200px){.left{z-index:999;align-self:flex-start;width:260px;height:max-content;margin-top:1rem;margin-left:-5.9rem;margin-right:auto;display:block;position:sticky;top:6rem}.side-profile{background:var(--color-white);border-radius:var(--card-border-radius);text-transform:capitalize;box-shadow:var(--shadow-sm);transition:var(--transition-fast);border:1px solid #ffffff1a;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.side-profile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.username{color:var(--color-gray);text-transform:lowercase;font-size:.9rem}.side-profile .profile-photo{object-fit:cover;border-radius:50%;width:2.8rem;height:2.8rem}.change-account .change-account-icon{color:var(--color-gray);transition:var(--transition-fast);margin-left:5rem;font-size:1.6rem}@keyframes spinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.change-account-icon:hover{transition:transform .4s ease-in-out;transform:rotate(180deg)}.firstsidebar{background:var(--color-white);border-radius:var(--card-border-radius);overflow:hidden}.firstsidebar .menu-item{cursor:pointer;height:4rem;transition:var(--transition-default);align-items:center;padding:0 1rem;display:flex;position:relative}.firstsidebar .menu-item:hover:not(.active){background:var(--color-hover);transform:translate(4px)}.firstsidebar .menu-item .sideicon{color:var(--color-gray);transition:var(--transition-fast);flex-shrink:0;font-size:1.6rem}.firstsidebar h3{color:var(--color-gray);white-space:nowrap;text-overflow:ellipsis;margin-left:1.5rem;font-size:1rem;overflow:hidden}.firstsidebar .active{background:var(--color-light)}.firstsidebar .active .sideicon,.firstsidebar .active h3{color:var(--color-primary)}.firstsidebar .active:before{content:"";background:var(--color-primary);border-radius:0 2px 2px 0;width:.4rem;height:100%;display:block;position:absolute;left:0}.nav-profile-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}}.menu-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background:var(--color-hover)}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (hover:none) and (pointer:coarse){.firstsidebar .menu-item:hover{background:0 0;transform:none}.firstsidebar .menu-item:active{background:var(--color-hover);transition:transform .1s;transform:scale(.97)}.side-profile:active{transform:scale(.99)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.left{display:none}}@media (min-width:992px){.left{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;box-sizing:border-box;max-height:calc(100vh - 120px);padding-bottom:8px;overflow-y:auto}.left::-webkit-scrollbar{width:6px}.left::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.firstsidebar .menu-item{height:3.25rem;color:inherit;text-decoration:none}.firstsidebar h3{margin-top:0;margin-bottom:0}}@media (min-width:992px) and (max-height:860px){.firstsidebar .menu-item{height:2.85rem}.side-profile{margin-bottom:.7rem!important;padding:.7rem!important}}@media (min-width:992px) and (max-height:800px){.firstsidebar .menu-item{height:2.6rem}.firstsidebar .menu-item .sideicon{font-size:1.35rem}}