:root{--theme-dur: .24s;--theme-ease: cubic-bezier(.16, 1, .3, 1);--app-bg: #ffffff;--app-ink: #0f172a;--glow-light: radial-gradient(900px 520px at 18% 10%, rgba(37,99,235,.14) 0%, rgba(37,99,235,0) 60%), radial-gradient(900px 520px at 86% 18%, rgba(168,85,247,.12) 0%, rgba(168,85,247,0) 60%);--glow-dark: radial-gradient(900px 520px at 18% 10%, rgba(59,130,246,.18) 0%, rgba(59,130,246,0) 62%), radial-gradient(900px 520px at 86% 18%, rgba(168,85,247,.16) 0%, rgba(168,85,247,0) 62%)}html.dark,html[data-theme=dark]{--app-bg: #060a18;--app-ink: #e5e7eb}html,body{height:100%}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0}*{box-sizing:border-box}html{background-color:var(--app-bg);color:var(--app-ink);color-scheme:light}html.dark,html[data-theme=dark]{color-scheme:dark}body{display:block;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background-color:var(--app-bg);color:var(--app-ink);-webkit-text-size-adjust:100%;position:relative}#root{position:relative;z-index:1}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;will-change:opacity;transform:translateZ(0);backface-visibility:hidden;contain:paint;transition:none}body:before{background:var(--glow-light);opacity:.9}body:after{background:var(--glow-dark);opacity:0}html.dark body:before,html[data-theme=dark] body:before{opacity:0}html.dark body:after,html[data-theme=dark] body:after{opacity:.9}html.theme-switching body:before,html.theme-switching body:after{transition:opacity var(--theme-dur) var(--theme-ease)}html.theme-switching body{transition:background-color var(--theme-dur) var(--theme-ease),color var(--theme-dur) var(--theme-ease)}html.theme-switching body,html.theme-switching body *{transition-property:background-color,color!important;transition-duration:var(--theme-dur)!important;transition-timing-function:var(--theme-ease)!important;transition-delay:0ms!important}html.theme-switching body *:before,html.theme-switching body *:after{transition-property:background-color,color!important;transition-duration:var(--theme-dur)!important;transition-timing-function:var(--theme-ease)!important;transition-delay:0ms!important}.pPage{background:transparent!important;background-color:transparent!important}@media(prefers-reduced-motion:reduce){html.theme-switching body,html.theme-switching body *,html.theme-switching body *:before,html.theme-switching body *:after{transition:none!important}html.theme-switching body:before,html.theme-switching body:after{transition:none!important}}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}:root{--topbar-h: 64px;--safe-top: env(safe-area-inset-top, 0px);--topbar-total-h: calc(var(--topbar-h) + var(--safe-top));--ink: #0f172a;--muted: #64748b;--stroke: rgba(226, 232, 240, .9);--topbar-bg: #ffffff;--topbar-stroke: rgba(226, 232, 240, .9);--focus: 0 0 0 4px rgba(37, 99, 235, .22)}html.dark,[data-theme=dark]{--ink: #e5e7eb;--muted: #9ca3af;--stroke: rgba(51, 65, 85, .6);--topbar-bg: #0b1220;--topbar-stroke: rgba(51, 65, 85, .6);--focus: 0 0 0 4px rgba(59, 130, 246, .22)}.appShell{min-height:100vh}.appMain{padding-top:var(--topbar-total-h)}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-total-h);z-index:1000;padding-top:var(--safe-top);background-color:#ffffffc7;border-bottom:1px solid rgba(226,232,240,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}html.dark .topbar,[data-theme=dark] .topbar{background-color:#0f172ab8;border-bottom:1px solid rgba(51,65,85,.6)}.topbarInner{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 14px}.topbarLeft{display:flex;align-items:center;gap:14px;min-width:0;flex:1 1 auto}.topbarRight{display:flex;align-items:center;gap:10px;flex:0 0 auto;min-width:0;flex-wrap:nowrap}.brand{display:inline-flex;align-items:center;gap:10px;cursor:pointer;-webkit-user-select:none;user-select:none;min-width:0}.brandMark{width:30px;height:30px;border-radius:12px;display:grid;place-items:center;font-weight:950;background-color:#2563eb1f;border:1px solid rgba(37,99,235,.18)}[data-theme=dark] .brandMark,html.dark .brandMark{background-color:#3b82f62e;border-color:#3b82f659}.brandText{font-weight:950;letter-spacing:-.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink);max-width:26ch}.topbarNav{display:inline-flex;gap:6px;padding-left:12px;border-left:1px solid rgba(226,232,240,.9)}[data-theme=dark] .topbarNav,html.dark .topbarNav{border-left:1px solid rgba(51,65,85,.6)}.navLink{padding:9px 10px;border-radius:14px;font-weight:900;font-size:13px;color:#475569f2;transition:background-color .18s ease,color .18s ease}[data-theme=dark] .navLink,html.dark .navLink{color:#cbd5e1e6}.navLink:hover{background-color:#0f172a0f}[data-theme=dark] .navLink:hover,html.dark .navLink:hover{background-color:#e2e8f014}.navLink.active{background-color:#2563eb1f;color:#1d4ed8}[data-theme=dark] .navLink.active,html.dark .navLink.active{background-color:#3b82f62e;color:#93c5fd}.iconBtn{height:38px;padding:0 12px;border-radius:999px;border:1px solid rgba(226,232,240,.9);background-color:#ffffffeb;color:#0f172aeb;cursor:pointer;font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease,color .18s ease}[data-theme=dark] .iconBtn,html.dark .iconBtn{border-color:#33415599;background-color:#02061757;color:#e5e7eb}.iconBtn:hover{background-color:#fffffffa;box-shadow:0 12px 22px #0f172a14}[data-theme=dark] .iconBtn:hover,html.dark .iconBtn:hover{background-color:#02061775;box-shadow:0 16px 30px #00000042}.iconBtn:active{transform:scale(.98)}.iconBtn:focus-visible{outline:none;box-shadow:var(--focus);border-color:#93c5fda6}.iconBtn:disabled{opacity:.75;cursor:not-allowed}.iconBtn.iconOnly{width:38px;padding:0}.iconBtnMenu{width:42px;padding:0;justify-content:center;background-color:#2563eb1f;border-color:#2563eb2e;color:#1d4ed8}.iconBtnMenu,.iconBtnMenu *{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.iconBtnMenu:focus{outline:none}.iconBtnMenu:focus:not(:focus-visible){box-shadow:none}.iconBtnMenu:focus-visible{outline:none;box-shadow:var(--focus);border-color:#93c5fda6}[data-theme=dark] .iconBtnMenu,html.dark .iconBtnMenu{background-color:#3b82f62e;border-color:#3b82f659;color:#93c5fd}.iconBtnMenu:hover{background-color:#2563eb29}[data-theme=dark] .iconBtnMenu:hover,html.dark .iconBtnMenu:hover{background-color:#3b82f63d}.hamburger{position:relative;width:18px;height:12px;display:inline-block}.hamburger .bar{position:absolute;left:0;width:100%;height:2px;border-radius:999px;background-color:currentColor;transition:top .18s ease,transform .18s ease,opacity .14s ease}.hamburger .bar:nth-child(1){top:0}.hamburger .bar:nth-child(2){top:5px}.hamburger .bar:nth-child(3){top:10px}.iconBtnMenu.isOpen .hamburger .bar:nth-child(1){top:5px;transform:rotate(45deg)}.iconBtnMenu.isOpen .hamburger .bar:nth-child(2){opacity:0}.iconBtnMenu.isOpen .hamburger .bar:nth-child(3){top:5px;transform:rotate(-45deg)}.userMenu,.userArea{position:relative;flex:0 0 auto}.userBtn{height:38px;padding:0 10px;border-radius:999px;border:1px solid rgba(226,232,240,.9);background-color:#ffffffeb;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}[data-theme=dark] .userBtn,html.dark .userBtn{border-color:#33415599;background-color:#02061757;color:#e5e7eb}.userBtn:hover{box-shadow:0 12px 22px #0f172a14}.userBtn:active{transform:scale(.99)}.userBtn:focus-visible{outline:none;box-shadow:var(--focus);border-color:#93c5fda6}.avatar{width:26px;height:26px;border-radius:999px;display:grid;place-items:center;background-color:#2563eb24;border:1px solid rgba(37,99,235,.18);font-size:12px;font-weight:950}.userMeta{display:flex;flex-direction:column;gap:2px;align-items:flex-start;line-height:1.1}.userRole{font-weight:950;font-size:11px;color:var(--muted)}.userName{font-weight:950;font-size:12px;color:var(--ink);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caret{font-size:12px;color:var(--muted);margin-left:6px}@keyframes menuCardIn{0%{opacity:0;transform:translateY(-6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.menuCard,.menu{position:absolute;right:0;top:44px;width:220px;border-radius:16px;border:1px solid var(--topbar-stroke);background-color:var(--topbar-bg);box-shadow:0 22px 55px #0f172a24;padding:8px;z-index:80;transform-origin:top right;animation:menuCardIn .17s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}html.dark .menuCard,html.dark .menu,[data-theme=dark] .menuCard,[data-theme=dark] .menu{box-shadow:0 22px 55px #00000070}.menuTop{padding:8px 10px 6px}.menuName{font-weight:950;font-size:13px;color:var(--ink)}.menuSub{margin-top:2px;font-weight:800;font-size:12px;color:var(--muted)}.menuItem{width:100%;text-align:left;border:0;background-color:transparent;padding:10px;border-radius:12px;font-weight:950;cursor:pointer;color:var(--ink)}.menuItem:hover{background-color:#0f172a0f}html.dark .menuItem:hover,[data-theme=dark] .menuItem:hover{background-color:#e2e8f014}.menuDivider{height:1px;margin:6px 0;background-color:var(--topbar-stroke)}.menuItem.danger{color:#b91c1c}html.dark .menuItem.danger,[data-theme=dark] .menuItem.danger{color:#fca5a5}.desktopOnly{display:inline-flex}.mobileOnly{display:none}@media(max-width:860px){.desktopOnly{display:none}.mobileOnly{display:inline-flex}.topbarNav{display:none}}@media(max-width:420px){.topbarInner{padding:0 10px;gap:10px}.brandText{display:none}.topbarRight{gap:8px}.userBtn{width:38px;padding:0;justify-content:center}.userBtn .caret{display:none}}.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes mobileBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes mobileNavIn{0%{opacity:0;transform:translateY(-10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.mobileBackdrop{position:fixed;inset:0;top:var(--topbar-total-h);background-color:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:45;animation:mobileBackdropIn .16s cubic-bezier(.16,1,.3,1) both}html.dark .mobileBackdrop,[data-theme=dark] .mobileBackdrop{background-color:#0000008c}.mobileNav{position:fixed;top:calc(var(--topbar-total-h) + 10px);left:12px;right:12px;z-index:46;background-color:var(--topbar-bg);border:1px solid var(--topbar-stroke);border-radius:18px;box-shadow:0 18px 40px #0f172a24;padding:10px;display:grid;gap:8px;animation:mobileNavIn .19s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity;transform-origin:top center}.mobileLink{text-decoration:none;color:var(--ink);font-weight:950;padding:12px;border-radius:14px;border:1px solid transparent;background-color:#0f172a0a;transition:background-color .18s ease,border-color .18s ease}html.dark .mobileLink,[data-theme=dark] .mobileLink{background-color:#ffffff0f}.mobileLink:hover{background-color:#0f172a0f}html.dark .mobileLink:hover,[data-theme=dark] .mobileLink:hover{background-color:#ffffff14}.mobileLink.active{border-color:var(--stroke);background-color:#2563eb1f}html.dark .mobileLink.active,[data-theme=dark] .mobileLink.active{border-color:#3b82f659;background-color:#3b82f62e}.notifWrap,.notifBtn{position:relative}.notifEmoji{font-size:18px;line-height:1;transform:translateY(.5px)}.notifBtn.isOpen{background-color:#2563eb1f;border-color:#2563eb2e;color:#1d4ed8}html.dark .notifBtn.isOpen,[data-theme=dark] .notifBtn.isOpen{background-color:#3b82f62e;border-color:#3b82f659;color:#93c5fd}.notifBadge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:950;letter-spacing:-.2px;background-color:#2563ebf2;color:#fff;border:2px solid rgba(255,255,255,.92);box-shadow:0 10px 18px #0f172a1f}html.dark .notifBadge,[data-theme=dark] .notifBadge{border-color:#020617d9;box-shadow:0 14px 24px #00000059}.notifBackdrop{position:fixed;inset:0;top:var(--topbar-total-h);background-color:#0f172a38;z-index:60}html.dark .notifBackdrop,[data-theme=dark] .notifBackdrop{background-color:#00000073}.notifCard{position:absolute;right:0;top:44px;width:360px;max-width:calc(100vw - 24px);max-height:min(520px,calc(100vh - var(--topbar-total-h) - 24px));border-radius:18px;border:1px solid var(--topbar-stroke);background-color:var(--topbar-bg);box-shadow:0 22px 55px #0f172a24;overflow:hidden;z-index:70;transform-origin:top right;will-change:transform,opacity}html.dark .notifCard,[data-theme=dark] .notifCard{box-shadow:0 22px 55px #00000070}.notifHead{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:12px 12px 10px;border-bottom:1px solid var(--topbar-stroke)}.notifTitle{font-weight:950;font-size:13px;letter-spacing:-.2px;color:var(--ink)}.notifSub{margin-top:2px;font-size:12px;font-weight:800;color:var(--muted)}.notifHeadActions{display:inline-flex;align-items:center;gap:6px}.notifHeadBtn{height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--topbar-stroke);background-color:#0f172a0a;color:var(--ink);font-weight:950;font-size:12px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .18s ease,border-color .18s ease,transform .12s ease}html.dark .notifHeadBtn,[data-theme=dark] .notifHeadBtn{background-color:#ffffff0f}.notifHeadBtn:hover{background-color:#0f172a0f}html.dark .notifHeadBtn:hover,[data-theme=dark] .notifHeadBtn:hover{background-color:#ffffff14}.notifHeadBtn:active{transform:scale(.98)}.notifList{overflow:auto;padding:8px}.notifItem{width:100%;border:1px solid transparent;background-color:transparent;border-radius:14px;padding:10px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;text-align:left;cursor:pointer;color:var(--ink);transition:background-color .18s ease,border-color .18s ease,transform .12s ease}.notifItem:hover{background-color:#0f172a0a;border-color:var(--topbar-stroke)}.notifItem:active{transform:scale(.995)}html.dark .notifItem:hover,[data-theme=dark] .notifItem:hover{background-color:#ffffff0f}.notifItem.unread{background-color:#2563eb14;border-color:#2563eb24}html.dark .notifItem.unread,[data-theme=dark] .notifItem.unread{background-color:#3b82f61f;border-color:#3b82f63d}.notifIcon{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background-color:#0f172a0f;border:1px solid var(--topbar-stroke);font-size:16px}html.dark .notifIcon,[data-theme=dark] .notifIcon{background-color:#ffffff0f}.notifBody{min-width:0}.notifRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.notifItemTitle{font-weight:950;font-size:12px;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifTime{font-weight:900;font-size:11px;color:var(--muted);flex:0 0 auto}.notifMsg{margin-top:2px;font-size:12px;font-weight:750;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notifDot{width:8px;height:8px;border-radius:999px;background-color:#2563ebf2;box-shadow:0 0 0 4px #2563eb1f}.notifEmpty{padding:24px 14px;text-align:center}.notifEmptyIcon{font-size:22px}.notifEmptyTitle{margin-top:8px;font-weight:950;color:var(--ink)}.notifEmptySub{margin-top:6px;font-size:12px;font-weight:800;color:var(--muted)}@media(max-width:520px){.notifCard{position:fixed;left:12px;right:12px;top:calc(var(--topbar-total-h) + 10px);width:auto;max-height:calc(100vh - var(--topbar-total-h) - 24px);transform-origin:top center}}.toastViewport{position:fixed;top:calc(var(--topbar-total-h) + 12px);right:12px;z-index:2000;display:grid;gap:10px;pointer-events:none}.toastCard{pointer-events:auto;width:340px;max-width:calc(100vw - 24px);border-radius:18px;border:1px solid var(--topbar-stroke);background-color:#ffffffeb;box-shadow:0 22px 55px #0f172a24;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:12px;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:start}html.dark .toastCard,[data-theme=dark] .toastCard{background-color:#0206176b;box-shadow:0 22px 55px #00000070}.toastIcon{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background-color:#0f172a0f;border:1px solid var(--topbar-stroke);font-size:16px}html.dark .toastIcon,[data-theme=dark] .toastIcon{background-color:#ffffff0f}.toastBody{min-width:0}.toastTitle{font-weight:950;letter-spacing:-.2px;color:var(--ink);font-size:13px}.toastMsg{margin-top:2px;font-weight:800;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toastClose{width:32px;height:32px;border-radius:999px;border:1px solid var(--topbar-stroke);background-color:#0f172a0a;color:var(--ink);cursor:pointer;display:grid;place-items:center;font-weight:950;padding:0;transition:background-color .18s ease,transform .12s ease}html.dark .toastClose,[data-theme=dark] .toastClose{background-color:#ffffff0f}.toastClose:hover{background-color:#0f172a0f}html.dark .toastClose:hover,[data-theme=dark] .toastClose:hover{background-color:#ffffff14}.toastClose:active{transform:scale(.98)}.toastAction{margin-top:8px;height:30px;padding:0 10px;border-radius:999px;border:1px solid var(--topbar-stroke);background-color:#2563eb1f;color:#1d4ed8;font-weight:950;font-size:12px;cursor:pointer;transition:background-color .18s ease,transform .12s ease}html.dark .toastAction,[data-theme=dark] .toastAction{background-color:#3b82f62e;color:#93c5fd}.toastAction:active{transform:scale(.98)}@media(max-width:520px){.toastViewport{left:12px;right:12px;top:calc(var(--topbar-total-h) + 10px)}.toastCard{width:auto}}@media(prefers-reduced-motion:reduce){.menuCard,.menu,.mobileNav,.mobileBackdrop{animation:none!important}.iconBtn,.hamburger .bar,.userBtn,.navLink,.mobileLink,.notifHeadBtn,.notifItem,.toastClose,.toastAction,.notifCard,.toastCard{transition:none!important}}.notifCard{max-height:min(520px,calc(100vh - var(--topbar-total-h, 64px) - 24px));display:flex;flex-direction:column;overflow:hidden}.notifHead{flex:0 0 auto}.notifList{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@media(max-width:520px){.notifCard{max-height:calc(100vh - var(--topbar-total-h, 64px) - 24px)}}