:root{color-scheme:dark;--stage-black: #020203;--stage-ink: #f7f8fb;--stage-muted: rgba(235, 239, 247, .72);--stage-faint: rgba(235, 239, 247, .5);--amber: #f3aa5f;--amber-bright: #ffd29a;--ice: #9eb8ee;--green: #62f0a8;--red: #ff6d7e;--glass-opacity: .82;--glass-blur: 28px;--glass-saturate: 1.22;--glass-tint: #5e351e;--glass-highlight: rgba(255, 210, 154, .2);--glass-line: rgba(255, 255, 255, .17);--glass-line-strong: rgba(255, 255, 255, .27);--glass-base: #111114;--workspace-base: #111216;--shadow-deep: 0 28px 76px rgba(0, 0, 0, .56);--shadow-soft: 0 14px 38px rgba(0, 0, 0, .34);--control-height: 40px;--radius-lg: 18px;--radius-md: 10px;--radius-sm: 7px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--font-sans: "Segoe UI Variable", "Microsoft YaHei UI", "PingFang SC", sans-serif}[data-glass-preset=amber]{--glass-tint: #5e351e;--glass-highlight: rgba(255, 210, 154, .2);--glass-blur: 28px;--glass-saturate: 1.22}[data-glass-preset=frost]{--glass-tint: #243a5b;--glass-highlight: rgba(158, 184, 238, .25);--glass-blur: 34px;--glass-saturate: 1.12}[data-glass-preset=night]{--glass-tint: #08090d;--glass-highlight: rgba(98, 240, 168, .12);--glass-blur: 22px;--glass-saturate: 1.08}[data-glass-preset=clear]{--glass-tint: #33404f;--glass-highlight: rgba(255, 255, 255, .26);--glass-blur: 16px;--glass-saturate: 1.35}*,*:before,*:after{box-sizing:border-box;letter-spacing:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#app{min-width:320px;min-height:100%;margin:0;background:#020203}html{color:var(--stage-ink);font-family:var(--font-sans);font-size:14px}body{min-height:100vh;overflow-x:hidden}body:before{position:fixed;z-index:0;inset:0;background:#020203 url(/console/visuals/liquid-metal-command-bg.png) center / cover no-repeat;content:""}body:after{position:fixed;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.12),transparent 42%,rgba(0,0,0,.28));content:""}button,input,select,textarea{min-height:var(--control-height);font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--amber-bright);outline-offset:2px}a{color:var(--amber-bright);text-decoration:none}p,h1,h2{margin:0}[data-app=popapi-console]{position:relative;z-index:1;min-height:100vh}.glass-panel,.glass-workspace{position:relative;border:1px solid var(--glass-line);background:linear-gradient(145deg,rgba(255,255,255,.14),transparent 36%,rgba(0,0,0,.28)),linear-gradient(110deg,color-mix(in srgb,var(--glass-tint) 32%,transparent),transparent 66%),color-mix(in srgb,var(--glass-base) calc(var(--glass-opacity) * 100%),transparent);box-shadow:inset 0 1px #ffffff38,inset 0 -50px 100px #0003,var(--shadow-soft);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.glass-panel:before,.glass-workspace:before{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,var(--glass-highlight),transparent 24%);content:"";pointer-events:none}.glass-workspace{background:linear-gradient(145deg,rgba(255,255,255,.1),transparent 32%,rgba(0,0,0,.2)),color-mix(in srgb,var(--workspace-base) calc(max(.84,var(--glass-opacity))*100%),transparent);box-shadow:inset 0 1px #ffffff2b,var(--shadow-deep)}.icon-button{display:inline-grid;flex:0 0 38px;width:38px;height:38px;min-height:38px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);background:#ffffff0e}.icon-button:hover:not(:disabled){border-color:#ffd29a66;background:#f3aa5f1f}.primary-button,.secondary-button{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:7px;border-radius:var(--radius-sm);padding:0 15px;font-weight:700}.primary-button{background:linear-gradient(135deg,#fff6ea,#efc18f);color:#16100b;box-shadow:0 10px 28px #f3aa5f33}.primary-button.danger{background:var(--red);color:#160307}.secondary-button{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--stage-ink)}.console-layout{min-height:100vh;--sidebar-width: 192px}.console-layout.sidebar-collapsed{--sidebar-width: 52px}.app-sidebar{position:fixed;z-index:10;top:12px;bottom:12px;left:12px;display:flex;width:var(--sidebar-width);flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);transition:width .18s ease}.sidebar-brand{position:relative;z-index:1;display:flex;min-height:64px;align-items:center;gap:11px;padding:0 14px}.sidebar-brand strong{font-size:19px}.brand-mark,.account-avatar{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border:1px solid rgba(255,210,154,.5);border-radius:50%;background:linear-gradient(135deg,var(--amber),var(--ice));color:#080808;font-weight:900}.nav-menu{position:relative;z-index:1;flex:1;overflow-y:auto;padding:2px 10px 12px;scrollbar-color:rgba(255,255,255,.18) transparent;scrollbar-width:thin}.nav-section+.nav-section{margin-top:17px}.nav-section h2{margin:0 10px 7px;color:var(--stage-faint);font-size:11px;font-weight:700}.nav-items{display:grid;gap:3px}.nav-items a{display:flex;min-width:0;min-height:38px;align-items:center;gap:11px;border:1px solid transparent;border-radius:var(--radius-sm);padding:0 10px;color:var(--stage-muted)}.nav-items a span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-items a:hover{background:#ffffff0f;color:#fff}.nav-items a.router-link-active{border-color:#ffd29a42;background:linear-gradient(90deg,#f3aa5f2b,#9eb8ee14);color:var(--amber-bright)}.app-sidebar.is-collapsed .nav-menu{padding-inline:8px}.app-sidebar.is-collapsed .nav-section+.nav-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08)}.app-sidebar.is-collapsed .nav-items a{justify-content:center;padding:0}.app-topbar{position:fixed;z-index:9;top:12px;right:12px;left:calc(var(--sidebar-width) + 24px);display:flex;height:56px;align-items:center;justify-content:space-between;gap:16px;border-radius:var(--radius-lg);padding:0 10px 0 17px;transition:left .18s ease}.topbar-title,.topbar-tools,.preset-control,.opacity-control,.account-trigger{position:relative;z-index:1;display:flex;align-items:center}.topbar-title{min-width:0;gap:9px}.topbar-title h1{overflow:hidden;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.desktop-sidebar-button{color:var(--amber)}.topbar-tools{flex:0 0 auto;gap:8px}.opacity-control{gap:8px;color:var(--stage-muted);font-size:12px}.opacity-control input{width:88px;min-height:24px;accent-color:var(--amber)}.preset-control{height:36px;gap:2px;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);background:#0003;padding:3px}.preset-control button{display:flex;height:28px;min-height:28px;align-items:center;gap:4px;border-radius:6px;background:transparent;padding:0 8px;color:var(--stage-muted);font-size:12px}.preset-control button.active{background:#ffffff1f;color:#fff}.account-menu{position:relative;z-index:2}.account-trigger{height:40px;gap:8px;border-radius:var(--radius-md);background:transparent;padding:0 7px}.account-avatar{flex-basis:28px;width:28px;height:28px;font-size:12px}.account-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover{position:absolute;top:46px;right:0;width:164px;border-radius:var(--radius-md);padding:6px}.account-popover button{position:relative;z-index:1;display:flex;width:100%;align-items:center;gap:8px;border-radius:6px;background:transparent;padding:0 10px}.account-popover button:hover{background:#ff6d7e1f;color:var(--red)}.mobile-menu-button{display:none}.console-workspace{position:fixed;z-index:1;top:80px;right:12px;bottom:12px;left:calc(var(--sidebar-width) + 24px);min-width:0;overflow:auto;border-radius:var(--radius-lg);padding:clamp(18px,2.5vw,32px);transition:left .18s ease}.console-workspace>*{position:relative;z-index:1}.placeholder-view h1{font-size:25px}.mobile-drawer,.drawer-scrim{position:fixed;z-index:30;inset:0}.drawer-scrim{width:100%;height:100%;background:#0000008c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.drawer-panel{position:fixed;z-index:31;top:8px;bottom:8px;left:8px;display:flex;width:min(316px,calc(100vw - 48px));flex-direction:column;border-radius:var(--radius-lg)}.drawer-panel header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-right:12px}.drawer-enter-active,.drawer-leave-active{transition:opacity .16s ease}.drawer-enter-from,.drawer-leave-to{opacity:0}.auth-layout{display:grid;min-height:100vh;place-items:center;align-content:center;gap:26px;padding:32px 16px}.auth-brand{color:#fff;font-size:clamp(44px,7vw,78px);font-weight:800;line-height:.92;text-shadow:0 18px 55px rgba(0,0,0,.72),0 0 24px rgba(255,255,255,.2)}.auth-brand span{color:var(--amber-bright)}.auth-panel{width:min(460px,100%);border-radius:var(--radius-lg);padding:clamp(22px,4vw,34px)}.auth-view{position:relative;z-index:1;display:grid;gap:22px}.auth-heading{display:grid;gap:5px}.auth-heading span{color:var(--amber);font-size:12px;font-weight:800}.auth-heading h1{font-size:27px}.auth-form{display:grid;gap:9px}.auth-form label{margin-top:4px;color:var(--stage-muted);font-size:12px;font-weight:700}.auth-form input{width:100%;min-width:0;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);outline:0;background:#0000005c;color:#fff;padding:0 12px}.auth-form input:focus{border-color:#ffd29a8a}.captcha-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px}.captcha-row img{width:100%;height:50px;border:1px solid rgba(158,184,238,.2);border-radius:var(--radius-sm);background:#ffffffeb;object-fit:contain}.auth-form [id$=captcha-help]{color:var(--stage-faint);font-size:12px;line-height:1.55}.auth-form>.primary-button{width:100%;margin-top:8px}.form-error{border:1px solid rgba(255,109,126,.28);border-radius:var(--radius-sm);background:#ff6d7e1f;color:var(--red);padding:9px 11px}.auth-links{display:flex;justify-content:center;gap:22px;font-size:13px}.auth-message>p{color:var(--stage-muted);line-height:1.7}.feedback-state{display:grid;min-height:190px;place-items:center;align-content:center;gap:10px;color:var(--stage-muted);text-align:center}.feedback-state strong{color:var(--stage-ink)}.feedback-state p{max-width:360px}.error-state>svg{color:var(--red)}.loading-ring{width:28px;height:28px;border:2px solid rgba(158,184,238,.2);border-top-color:var(--ice);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast-host{position:fixed;z-index:60;right:18px;bottom:18px;display:grid;width:min(360px,calc(100vw - 32px));gap:8px}.app-toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border-radius:var(--radius-md);padding:12px 10px 12px 14px}.app-toast>*{position:relative;z-index:1}.app-toast[data-tone=success]>svg{color:var(--green)}.app-toast[data-tone=warning]>svg{color:var(--amber)}.app-toast[data-tone=danger]>svg{color:var(--red)}.app-toast[data-tone=info]>svg{color:var(--ice)}.app-toast button{display:grid;min-height:32px;width:32px;place-items:center;border-radius:6px;background:transparent}.dialog-backdrop{position:fixed;z-index:70;inset:0;display:grid;place-items:center;background:#00000094;padding:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.confirm-dialog{width:min(440px,100%);border-radius:var(--radius-lg);padding:22px}.confirm-dialog>*{position:relative;z-index:1}.confirm-dialog header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.confirm-dialog h2{font-size:18px}.confirm-dialog header>svg{color:var(--amber)}.confirm-dialog header>svg.danger{color:var(--red)}.confirm-dialog>p{margin:18px 0;color:var(--stage-muted);line-height:1.6}.confirm-dialog footer{display:flex;justify-content:flex-end;gap:9px}.system-page{display:grid;width:min(560px,calc(100% - 32px));min-height:340px;place-items:center;align-content:center;gap:14px;margin:max(12vh,40px) auto;border-radius:var(--radius-lg);padding:30px;text-align:center}.system-page>*{position:relative;z-index:1}.system-code{color:var(--ice);font-size:13px;font-weight:800}.system-page h1{font-size:28px}.system-page p{color:var(--stage-muted)}.system-page .primary-button{margin-top:8px}@supports not (backdrop-filter: blur(1px)){.glass-panel{background:#0e0e11f5}.glass-workspace{background:#111216fa}}@media(max-width:1200px){.opacity-control span,.account-name{display:none}.opacity-control input{width:72px}}@media(max-width:1020px){.preset-control button{width:30px;justify-content:center;overflow:hidden;padding:0;font-size:0}.preset-control button:after{width:8px;height:8px;border-radius:50%;background:currentColor;content:""}.preset-control button:nth-child(1){color:var(--amber)}.preset-control button:nth-child(2){color:var(--ice)}.preset-control button:nth-child(3){color:var(--green)}.preset-control button:nth-child(4){color:#fff}}@media(max-width:899px){.console-layout{--sidebar-width: 0px}.app-sidebar{display:none}.app-topbar,.console-workspace{left:12px}.mobile-menu-button{display:inline-grid}.desktop-sidebar-button{display:none}}@media(max-width:620px){.app-topbar{gap:5px;padding-left:7px}.topbar-title{gap:6px}.topbar-title h1{max-width:108px;font-size:15px}.opacity-control,.preset-control{display:none}.account-trigger{padding-inline:3px}.console-workspace{padding:18px 14px}.captcha-row{grid-template-columns:1fr}.captcha-row .secondary-button{width:100%}.auth-brand{font-size:48px}.auth-panel{padding:22px 18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}