:root{--app-window-border-width: 1px;--app-window-radius: 6px;--app-window-frame-bg: #121417;--app-window-border: #34383c;--app-window-border-bottom: rgba(255, 255, 255, .16);--app-window-shadow: 0 12px 40px rgba(0, 0, 0, .45);--app-titlebar-height: 32px;--app-titlebar-height-with-nav: 40px;--app-main-shell-height: calc(100vh - var(--app-titlebar-height-with-nav) - var(--app-window-border-width) * 2);--app-page-padding: 0px;--app-page-height: var(--app-main-shell-height);--app-modal-offset-top: calc(var(--app-titlebar-height-with-nav) + var(--app-window-border-width));--app-overlay-top: calc(var(--app-modal-offset-top) + 12px);--app-overlay-top-compact: calc(var(--app-titlebar-height) + var(--app-window-border-width) + 12px);--app-bg: #181a1e;--app-bg-page: #181a1e;--app-bg-elevated: #1e2126;--app-bg-subtle: rgba(255, 255, 255, .045);--app-bg-hover: rgba(255, 255, 255, .07);--app-border: rgba(255, 255, 255, .12);--app-border-light: rgba(255, 255, 255, .08);--app-text: rgba(255, 255, 255, .9);--app-text-secondary: rgba(255, 255, 255, .82);--app-text-muted: rgba(255, 255, 255, .52);--app-primary: #78bea3;--app-primary-hover: #88cbb1;--app-primary-pressed: #68aa8f;--app-primary-soft: rgba(120, 190, 163, .12);--app-primary-border: rgba(120, 190, 163, .26);--app-titlebar-bg: #25292d;--app-titlebar-bg-end: #25292d;--app-titlebar-border: var(--app-window-border-bottom);--app-titlebar-text: rgba(255, 255, 255, .92);--app-titlebar-text-muted: rgba(255, 255, 255, .55);--app-titlebar-btn-hover: rgba(255, 255, 255, .07);--app-titlebar-btn-active: rgba(255, 255, 255, .11);--app-titlebar-close-hover: #e81123;--app-titlebar-close-active: #bf0f1d;--app-shadow: 0 1px 2px -2px rgba(0, 0, 0, .24), 0 3px 6px 0 rgba(0, 0, 0, .18), 0 5px 12px 4px rgba(0, 0, 0, .12);--app-shadow-lg: 0 3px 6px -4px rgba(0, 0, 0, .24), 0 6px 12px 0 rgba(0, 0, 0, .16), 0 9px 18px 8px rgba(0, 0, 0, .1);--app-scrollbar-track: #1e2126;--app-scrollbar-thumb: rgba(255, 255, 255, .18);--app-scrollbar-thumb-hover: rgba(255, 255, 255, .28)}.n-config-provider{--app-bg: var(--n-body-color);--app-bg-page: var(--n-body-color);--app-bg-elevated: var(--n-card-color);--app-bg-subtle: var(--n-action-color);--app-bg-hover: var(--n-hover-color);--app-border: var(--n-border-color);--app-border-light: var(--n-divider-color);--app-text: var(--n-text-color);--app-text-secondary: var(--n-text-color-2);--app-text-muted: var(--n-text-color-3);--app-primary: var(--n-primary-color);--app-primary-hover: var(--n-primary-color-hover);--app-primary-pressed: var(--n-primary-color-pressed);--app-primary-soft: color-mix(in srgb, var(--n-primary-color) 12%, transparent);--app-primary-border: color-mix(in srgb, var(--n-primary-color) 26%, transparent);--app-shadow: var(--n-box-shadow-1);--app-shadow-lg: var(--n-box-shadow-2);--app-scrollbar-track: var(--n-scrollbar-rail-color, rgb(24, 24, 28));--app-scrollbar-thumb: var(--n-scrollbar-color);--app-scrollbar-thumb-hover: var(--n-scrollbar-color-hover);min-height:100%;height:100%;background:transparent;color:var(--n-text-color)}.n-config-provider *{--n-text-color: inherit;--n-text-color-1: inherit;--n-text-color-2: inherit;--n-text-color-3: inherit;--n-border-color: inherit;--n-divider-color: inherit;--n-body-color: inherit;--n-card-color: inherit;--n-action-color: inherit;--n-hover-color: inherit;--n-primary-color: inherit;--n-primary-color-hover: inherit;--n-primary-color-pressed: inherit;--n-box-shadow-1: inherit;--n-box-shadow-2: inherit;--n-scrollbar-color: inherit;--n-scrollbar-color-hover: inherit;--n-scrollbar-rail-color: inherit}.app-shell{box-sizing:border-box;height:100vh;max-height:100vh;overflow:hidden;border:var(--app-window-border-width) solid var(--app-window-border);border-radius:var(--app-window-radius);background:var(--app-bg);box-shadow:var(--app-window-shadow);position:relative}.app-shell:after{display:none}.app-shell__body{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;border-radius:calc(var(--app-window-radius) - var(--app-window-border-width))}.app-shell__body>*{flex:1;min-height:0;display:flex;flex-direction:column}html,body{background:var(--app-window-frame-bg);color:var(--app-text);height:100%;margin:0}#app{background:var(--app-window-frame-bg);color:var(--app-text);height:100%;min-height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--app-scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--app-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--app-scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}body:has(.auth-page){--app-modal-offset-top: calc(var(--app-titlebar-height) + var(--app-window-border-width));--app-overlay-top: var(--app-overlay-top-compact)}.arco-notification-list-top-left,.arco-notification-list-top-right,.arco-message-list-top,.n-message-container--top,.n-message-container--top-left,.n-message-container--top-right,.n-notification-container--top,.n-notification-container--top-left,.n-notification-container--top-right{top:var(--app-overlay-top)!important}.n-modal-mask,.n-modal-body-wrapper{top:var(--app-modal-offset-top)!important}.n-modal-mask{z-index:0}.n-modal-body-wrapper .n-card.n-modal,.n-modal-body-wrapper .n-modal{position:relative;z-index:1}.arco-modal-mask{top:var(--app-modal-offset-top)!important}.arco-modal-wrapper{top:var(--app-modal-offset-top)!important;height:calc(100vh - var(--app-modal-offset-top))!important}