:root{--mobile-breakpoint: 768px;--mobile-topbar-height: 56px;--mobile-topbar-spacing: 12px;--mobile-browser-bottom-bar-height: 32px;--mobile-topbar-offset: calc(env(safe-area-inset-top, 0px) + var(--mobile-topbar-height) + var(--mobile-topbar-spacing));--drawer-nav-width: 80vw;--drawer-nav-max-width: 320px;--drawer-profile-height: 60vh;--drawer-review-height: 80vh;--z-mask: 1000;--z-drawer: 1001;--z-topbar: 999;--drawer-transition-duration: .3s;--touch-target-min: 44px;--mobile-padding: 16px;--mobile-gap: 12px}:root{--sb-page-max-width: max(1200px, 80vw);--sb-page-gutter: clamp(16px, 4vw, 32px);--sb-radius-lg: 20px;--sb-radius-md: 14px;--sb-shadow-sm: 0 1px 2px rgba(15, 23, 42, .06), 0 10px 24px rgba(15, 23, 42, .06);--sb-shadow-md: 0 12px 36px rgba(15, 23, 42, .12);--sb-mask: rgba(15, 23, 42, .35);--sb-code-bg: #0f172a;--sb-code-fg: #e5e7eb;--sb-code-muted: rgba(229, 231, 235, .72);--sb-code-border: rgba(255, 255, 255, .08);--sb-code-copy-bg: rgba(60, 60, 60, .7);--sb-code-copy-bg-hover: var(--sb-primary)}:root[data-theme=light]{color-scheme:light;--sb-primary: #4ea8ff;--sb-accent-chat: #14b8a6;--sb-accent-review: #a78bfa;--sb-text: #0f172a;--sb-text-muted: #475569;--sb-border: rgba(15, 23, 42, .1);--sb-surface: rgba(255, 255, 255, .78);--sb-surface-solid: #ffffff;--sb-surface-2: rgba(248, 250, 252, .78);--sb-app-bg: radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--sb-primary) 16%, transparent), transparent 42%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--sb-accent-chat) 10%, transparent), transparent 40%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--sb-home-bg: radial-gradient(circle at 12% 8%, color-mix(in srgb, var(--sb-primary) 20%, transparent), transparent 48%), radial-gradient(circle at 88% 14%, color-mix(in srgb, var(--sb-accent-chat) 12%, transparent), transparent 46%), linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);--sb-auth-bg: radial-gradient(circle at 10% 16%, color-mix(in srgb, var(--sb-primary) 22%, transparent), transparent 46%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--sb-accent-review) 14%, transparent), transparent 52%), linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)}:root[data-theme=dark]{color-scheme:dark;--sb-primary: #74b7ff;--sb-accent-chat: #2dd4bf;--sb-accent-review: #c4b5fd;--sb-text: rgba(243, 244, 246, .92);--sb-text-muted: rgba(226, 232, 240, .72);--sb-border: rgba(148, 163, 184, .22);--sb-surface: rgba(17, 24, 39, .74);--sb-surface-solid: #0f172a;--sb-surface-2: rgba(2, 6, 23, .42);--sb-app-bg: radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--sb-primary) 18%, transparent), transparent 56%), radial-gradient(circle at 88% 10%, color-mix(in srgb, var(--sb-accent-review) 14%, transparent), transparent 58%), linear-gradient(180deg, #070b14 0%, #0b1220 60%, #0f1b33 100%);--sb-home-bg: radial-gradient(circle at 15% 22%, color-mix(in srgb, var(--sb-primary) 18%, transparent), transparent 58%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--sb-accent-review) 14%, transparent), transparent 58%), linear-gradient(180deg, #070b14 0%, #0b1220 55%, #0f1b33 100%);--sb-auth-bg: radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--sb-primary) 18%, transparent), transparent 56%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--sb-accent-review) 14%, transparent), transparent 58%), linear-gradient(180deg, #070b14 0%, #0b1220 55%, #0f1b33 100%)}:root{--el-color-primary: var(--sb-primary);--el-color-primary-dark-2: color-mix(in srgb, var(--sb-primary) 86%, black);--el-color-primary-light-3: color-mix(in srgb, var(--sb-primary) 70%, white);--el-color-primary-light-5: color-mix(in srgb, var(--sb-primary) 52%, white);--el-color-primary-light-7: color-mix(in srgb, var(--sb-primary) 34%, white);--el-color-primary-light-9: color-mix(in srgb, var(--sb-primary) 14%, white);--el-bg-color-page: transparent;--el-bg-color: var(--sb-surface-solid);--el-text-color-primary: var(--sb-text);--el-text-color-regular: color-mix(in srgb, var(--sb-text) 86%, var(--sb-text-muted));--el-border-color: var(--sb-border);--el-border-color-light: color-mix(in srgb, var(--sb-border) 65%, transparent);--el-fill-color-light: color-mix(in srgb, var(--sb-surface-solid) 85%, transparent)}.sb-page{width:min(var(--sb-page-max-width),calc(100% - var(--sb-page-gutter) * 2));margin:0 auto}@media (max-width: 768px){body{background-color:var(--el-bg-color-page, #f5f5f5)}}.drawer-left-enter-active,.drawer-left-leave-active{transition:transform var(--drawer-transition-duration) ease}.drawer-left-enter-from,.drawer-left-leave-to{transform:translate(-100%)}.drawer-right-enter-active,.drawer-right-leave-active{transition:transform var(--drawer-transition-duration) ease}.drawer-right-enter-from,.drawer-right-leave-to{transform:translate(100%)}.drawer-bottom-enter-active,.drawer-bottom-leave-active{transition:transform var(--drawer-transition-duration) ease}.drawer-bottom-enter-from,.drawer-bottom-leave-to{transform:translateY(100%)}.drawer-top-enter-active,.drawer-top-leave-active{transition:transform var(--drawer-transition-duration) ease}.drawer-top-enter-from,.drawer-top-leave-to{transform:translateY(-100%)}.mask-enter-active,.mask-leave-active{transition:opacity var(--drawer-transition-duration) ease}.mask-enter-from,.mask-leave-to{opacity:0}.touch-target{min-width:var(--touch-target-min);min-height:var(--touch-target-min);display:flex;align-items:center;justify-content:center}.no-select{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.gpu-accelerated{transform:translateZ(0);will-change:transform}.mobile-drawer-mask{position:fixed;inset:0;background-color:#00000080}.mobile-drawer{position:fixed;background:var(--el-bg-color);display:flex;flex-direction:column;max-width:100%;overflow:hidden}.mobile-drawer--left{top:0;left:0;bottom:0}.mobile-drawer--right{top:0;right:0;bottom:0}.mobile-drawer--bottom{left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);bottom:0;border-radius:16px 16px 0 0;max-width:calc(100% - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px) - 24px);max-height:calc(100vh - env(safe-area-inset-top,0px) - 24px)}.mobile-drawer--top{left:0;right:0;top:0;border-radius:0 0 16px 16px}.mobile-drawer__content{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer__header,.mobile-drawer__footer{flex-shrink:0}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}: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}body{color:var(--sb-text);background:var(--sb-app-bg)}a{font-weight:500;color:var(--el-color-primary);text-decoration:inherit}a:hover{color:var(--el-color-primary-dark-2)}h1{font-size:3.2em;line-height:1.1}button{font-family:inherit;cursor:pointer}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;height:100vh;margin:0;padding:0}html.drawer-open,html.drawer-open body{height:100%;overflow:hidden}html.drawer-open body{position:fixed;width:100%}html.is-ios input[type=text],html.is-ios input[type=password],html.is-ios input[type=email],html.is-ios input[type=number],html.is-ios input[type=tel],html.is-ios input[type=search],html.is-ios input[type=url],html.is-ios textarea,html.is-ios select,html.is-ios .el-input__inner,html.is-ios .el-textarea__inner{font-size:16px}.admin-pagination{display:flex;justify-content:center;margin:24px 0 12px}.admin-pagination .el-pagination{display:inline-flex;align-items:center;gap:10px;padding:8px 20px;border-radius:999px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 8px 24px #0f172a14}.admin-pagination .el-pagination__total,.admin-pagination .el-pagination__jump{color:#6b7280;font-size:13px}.admin-pagination .el-pagination__jump .el-input{width:60px;margin-left:6px}.admin-pagination .el-pagination__jump .el-input__wrapper{border-radius:8px;height:30px;box-shadow:none;border:1px solid rgba(107,114,128,.4)}.admin-pagination .el-pagination .el-pager li{min-width:32px;height:32px;border-radius:10px;line-height:32px;font-weight:500;margin:0 2px;transition:all .15s ease}.admin-pagination .el-pagination .el-pager li:not(.is-active):hover{color:var(--el-color-primary);background:color-mix(in srgb,var(--el-color-primary) 10%,transparent)}.admin-pagination .el-pagination .el-pager li.is-active{background:var(--el-color-primary);color:#fff;box-shadow:0 6px 12px color-mix(in srgb,var(--el-color-primary) 25%,transparent)}.admin-pagination .el-pagination button:disabled{color:#cbd5f5}.el-popconfirm__action{display:flex;align-items:center;justify-content:flex-end;gap:8px;width:100%;flex-wrap:nowrap;margin-top:6px}.el-popconfirm__action .el-button{min-width:78px;flex:0 0 auto}.el-popconfirm__action .el-button+.el-button{margin-left:0}.el-popconfirm{min-width:280px;max-width:360px;padding:12px 14px 10px;box-sizing:border-box}.el-popconfirm__main{white-space:normal;line-height:1.4;display:block;margin-bottom:4px}.admin-section .el-dialog{border-radius:12px;overflow:hidden}.admin-section .el-dialog__header{border-radius:12px 12px 0 0}.admin-section .el-dialog__body{padding:20px}.admin-section .el-dialog__footer{border-radius:0 0 12px 12px}#app{width:100%;min-height:100vh;overflow:auto}