html,body,#app{height:100vh;height:100dvh;margin:0}body{background:var(--el-bg-color-page);color:var(--el-text-color-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}:root{--el-color-primary: #2563eb;--el-color-primary-light-3: #60a5fa;--el-color-primary-light-5: #93c5fd;--el-color-primary-light-7: #bfdbfe;--el-color-primary-light-8: #dbeafe;--el-color-primary-light-9: #eff6ff;--el-color-primary-dark-2: #1d4ed8;--el-bg-color: #ffffff;--el-bg-color-page: #f8fafc;--el-bg-color-overlay: #ffffff;--el-border-color: #e2e8f0;--el-border-color-light: #e2e8f0;--el-border-color-lighter: #f1f5f9;--el-border-color-extra-light: #f8fafc;--el-fill-color: #f1f5f9;--el-fill-color-light: #f8fafc;--el-fill-color-lighter: #f8fafc;--el-fill-color-blank: #ffffff;--el-text-color-primary: #0f172a;--el-text-color-regular: #334155;--el-text-color-secondary: #64748b;--el-text-color-placeholder: #94a3b8;--el-border-radius-base: 6px;--el-border-radius-small: 4px;--el-border-radius-round: 20px;--ocx-header-bg: #ffffff;--ocx-header-border: #e2e8f0;--ocx-aside-bg: #ffffff;--ocx-aside-border: #e2e8f0;--ocx-main-bg: #f8fafc;--ocx-panel-bg: #ffffff;--ocx-card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05)}html.dark{--el-color-primary: #38bdf8;--el-color-primary-light-3: #7dd3fc;--el-color-primary-light-5: #bae6fd;--el-color-primary-light-7: #e0f2fe;--el-color-primary-light-8: rgba(56, 189, 248, .2);--el-color-primary-light-9: rgba(56, 189, 248, .12);--el-color-primary-dark-2: #0284c7;--el-bg-color: #14171f;--el-bg-color-page: #0d0f14;--el-bg-color-overlay: #181c24;--el-border-color: rgba(255, 255, 255, .12);--el-border-color-light: rgba(255, 255, 255, .09);--el-border-color-lighter: rgba(255, 255, 255, .06);--el-border-color-extra-light: rgba(255, 255, 255, .04);--el-fill-color: rgba(255, 255, 255, .08);--el-fill-color-light: rgba(255, 255, 255, .05);--el-fill-color-lighter: rgba(255, 255, 255, .03);--el-fill-color-blank: #14171f;--el-text-color-primary: #f8fafc;--el-text-color-regular: #cbd5e1;--el-text-color-secondary: #94a3b8;--el-text-color-placeholder: #64748b;--ocx-header-bg: #13161c;--ocx-header-border: rgba(255, 255, 255, .08);--ocx-aside-bg: #13161c;--ocx-aside-border: rgba(255, 255, 255, .08);--ocx-main-bg: #0d0f14;--ocx-panel-bg: #14171f;--ocx-card-shadow: 0 4px 20px rgba(0, 0, 0, .35)}.app-page{box-sizing:border-box;height:100vh;height:100dvh}.app-shell{box-sizing:border-box;height:100vh;height:100dvh;overflow:hidden;background:var(--ocx-main-bg)}.app-header{padding:0 20px;height:56px!important;background:var(--ocx-header-bg);color:var(--el-text-color-primary);border-bottom:1px solid var(--ocx-header-border);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between}.app-header.el-header{display:flex;align-items:center;justify-content:space-between}.header-brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:16px;font-weight:700;letter-spacing:-.3px}.header-brand-logo{width:28px;height:28px;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:7px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:800;box-shadow:0 2px 6px #3b82f64d}.header-brand-title{color:var(--el-text-color-primary);font-weight:700}.mobile-menu-button{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--el-border-color);border-radius:6px;background:var(--el-fill-color-light);color:var(--el-text-color-primary);cursor:pointer;font:inherit}.mobile-menu-button:hover{background:var(--el-fill-color)}.mobile-menu-button .el-icon{font-size:18px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.current-user{display:flex;align-items:center;gap:8px;min-height:30px;padding:0 8px;border-radius:6px;background:var(--el-fill-color-light);border:1px solid var(--el-border-color-lighter);font-size:13px;font-weight:500;color:var(--el-text-color-primary)}.theme-toggle-btn{display:inline-flex;align-items:center;gap:6px}.app-body{flex:1;min-height:0;overflow:hidden}.app-aside{display:flex;flex-direction:column;gap:12px;padding:16px 12px;background:var(--ocx-aside-bg);border-right:1px solid var(--ocx-aside-border);overflow-y:auto;transition:width .2s ease,padding .2s ease}.app-aside--collapsed{padding-right:8px;padding-left:8px}.side-menu{flex:1;min-height:0;border-right:0;background:transparent}.side-menu.el-menu--collapse{width:48px}.app-aside--collapsed .side-menu .el-menu-item{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:48px;padding:0!important;border-radius:6px}.app-aside--collapsed .side-menu .el-menu-item .el-icon{margin:0}.side-menu .el-menu-item{height:40px;line-height:40px;font-size:13.5px;font-weight:500;color:var(--el-text-color-secondary);border-radius:6px;margin-bottom:3px;transition:all .15s ease}.side-menu .el-menu-item:hover{background:var(--el-fill-color-light);color:var(--el-text-color-primary)}.side-menu .el-menu-item.is-active{color:var(--el-color-primary);background:var(--el-color-primary-light-9);font-weight:600}.menu-collapse-button{display:inline-flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;height:38px;margin-top:auto;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--el-text-color-secondary);cursor:pointer;font:inherit;font-size:13px;font-weight:500;transition:color .16s ease,background .16s ease}.menu-collapse-button:hover{background:var(--el-fill-color-light);color:var(--el-text-color-primary)}.menu-collapse-button .el-icon{flex:0 0 auto;font-size:16px}.app-aside--collapsed .menu-collapse-button{justify-content:center;padding:0}.mobile-drawer-menu{border-right:0;background:transparent}.mobile-drawer-menu .el-menu-item{height:42px;font-size:14px;font-weight:500;border-radius:6px}.toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:20px}.toolbar h2{margin:0 0 4px;font-size:20px;font-weight:700;letter-spacing:-.3px;line-height:1.3;color:var(--el-text-color-primary)}.toolbar-actions,.inline-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-actions{justify-content:flex-end;padding-top:0}.inline-actions{justify-content:flex-start}.channel-table-actions{justify-content:center;flex-wrap:nowrap}.channel-table-actions .el-button+.el-button,.channel-table-actions .el-button+.el-popconfirm,.channel-table-actions .el-popconfirm+.el-button,.channel-table-actions .el-popconfirm+.el-popconfirm{margin-left:0}.main-content{padding:20px;background:var(--ocx-main-bg);overflow:hidden}.content-panel{box-sizing:border-box;height:100%;padding:24px;background:var(--ocx-panel-bg);border:1px solid var(--el-border-color-light);border-radius:10px;box-shadow:var(--ocx-card-shadow);display:flex;flex-direction:column;overflow:hidden}.content-panel>section{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.content-panel>section>div{flex:1;min-height:0;display:flex;flex-direction:column;overflow:auto}.section-scroll{flex:1;min-height:0;overflow-y:auto}.table-area{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.table-area>.el-table{flex:1;min-height:0}.table-area>.pagination-bar{flex-shrink:0}.pagination-wrap{display:flex;justify-content:flex-end;flex-shrink:0;padding-top:12px}.log-filter-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px 24px;margin-bottom:20px}.log-filter-form .el-form-item{margin:0}.log-filter-form .el-form-item__label{justify-content:flex-start;padding-right:12px;width:68px}.log-filter-form .el-form-item__content,.log-filter-form .el-autocomplete,.log-filter-form .el-select,.log-filter-form .el-button{width:100%}.log-filter-actions{grid-column:span 1;padding-left:68px}.log-filter-shell{width:100%;margin-bottom:20px}.log-filter-quick{display:grid;grid-template-columns:minmax(160px,1.2fr) minmax(220px,1.8fr) repeat(3,minmax(100px,1fr)) auto;align-items:end;gap:12px;padding:12px 16px;border:1px solid var(--el-border-color-lighter);border-radius:8px;background:var(--el-bg-color)}.log-filter-quick .el-form-item{min-width:0;margin:0}.log-filter-quick .el-form-item__label{width:auto;min-width:0;padding-right:8px;white-space:nowrap}.log-filter-quick .el-form-item__content,.log-filter-quick .el-input,.log-filter-quick .el-autocomplete,.log-filter-quick .el-select{min-width:0;width:100%}.log-filter-quick__range,.log-filter-quick__identity{min-width:0}.log-filter-quick__actions{display:flex;align-items:center;gap:8px;min-width:max-content;padding-left:0;white-space:nowrap}.log-filter-quick .el-button{width:auto;margin-left:0}.log-filter-advanced-trigger{display:inline-flex;align-items:center;gap:6px;min-height:32px;white-space:nowrap}.log-filter-identity-control{display:flex;align-items:center;width:100%;min-width:0;gap:8px}.log-filter-identity-control__type{flex:0 1 132px;min-width:112px}.log-filter-identity-control__value{flex:1 1 auto;min-width:0}.log-filter-identity-control .el-input,.log-filter-identity-control .el-autocomplete,.log-filter-identity-control .el-select{width:100%;min-width:0}.log-filter-advanced-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 20px;margin:0}.log-filter-advanced-form .el-form-item{min-width:0;margin:0}.log-filter-advanced-form .el-form-item__content,.log-filter-advanced-form .el-input,.log-filter-advanced-form .el-autocomplete,.log-filter-advanced-form .el-select,.log-filter-advanced-form .el-date-editor{min-width:0;width:100%}.log-filter-advanced-form--drawer{display:flex;flex-direction:column;gap:24px}.log-filter-section{display:flex;flex-direction:column;gap:12px;min-width:0}.log-filter-section__title{padding-bottom:8px;border-bottom:1px solid var(--el-border-color-lighter);color:var(--el-text-color-primary);font-size:14px;font-weight:600}.log-filter-help{margin-top:6px;color:var(--el-text-color-secondary);font-size:12px;line-height:1.5}.log-filter-drawer__pending{margin-bottom:16px}.log-filter-advanced-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-left:0}.log-filter-advanced-actions>span:first-child{margin-right:auto;color:var(--el-text-color-secondary);font-size:13px}.log-filter-advanced-actions .el-button{width:auto;margin-left:0}.log-active-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-height:32px;margin-top:10px;color:var(--el-text-color-secondary);font-size:13px}.log-active-filters__label{flex:0 0 auto;line-height:24px;white-space:nowrap}.log-active-filters__list{display:flex;flex:1 1 auto;flex-wrap:wrap;gap:6px;min-width:0}.log-active-filters__pending{color:var(--el-color-warning-dark-2);white-space:nowrap}.log-active-filters .el-tag{max-width:100%}.log-active-filters .el-tag__content{max-width:min(360px,70vw);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-table .el-table__cell{padding:5px 0}.log-column-settings__header,.log-column-settings__item,.log-column-settings__actions{display:flex;align-items:center}.log-column-settings__header,.log-column-settings__item{justify-content:space-between}.log-column-settings__header{margin-bottom:8px;font-weight:600}.log-column-settings__list{display:grid;gap:4px}.log-column-settings__item{min-height:32px;gap:8px}.log-column-settings__actions{flex:0 0 auto;gap:4px}.pagination-bar{display:flex;justify-content:flex-end;margin-top:16px}.log-auto-refresh-menu{min-width:180px}.log-auto-refresh-menu__title{margin:6px 8px;padding:8px 12px;border-radius:6px;background:var(--el-fill-color-light);color:var(--el-text-color-secondary)}.log-auto-refresh-menu__item{display:flex;align-items:center;justify-content:space-between;min-width:128px;gap:24px}.log-auto-refresh-menu__item .el-icon{color:var(--el-color-primary)}.el-drawer__body{padding-bottom:88px}.el-drawer__footer{border-top:1px solid var(--el-border-color-lighter)}.login-wrap{box-sizing:border-box;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:min(420px,100%)}.setup-card .el-form{display:grid;gap:2px}.setup-alert,.settings-alert{margin-bottom:18px}.settings-tabs{min-width:0}.settings-tabs .el-tabs__header{margin-bottom:24px}.settings-tabs .el-tabs__nav-wrap{overflow-x:auto}.settings-tabs .el-tabs__nav-wrap:after{min-width:320px}.settings-tab-panel{width:min(720px,100%)}.settings-tab-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.settings-tab-header h3{margin:0 0 8px;color:var(--el-text-color-primary);font-size:20px;line-height:1.25}.settings-tab-header .text-muted{max-width:65ch;line-height:1.6}.settings-tab-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.settings-form{width:100%}.settings-form .el-segmented{max-width:360px;width:100%}.settings-form .el-input-number,.setup-card .el-input-number{width:100%}.settings-meta{margin:8px 0 20px}.settings-meta code{display:inline-block;max-width:100%;padding:2px 6px;border-radius:4px;background:var(--el-fill-color-light);color:var(--el-text-color-primary);overflow-wrap:anywhere}.settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:18px}.settings-switch-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.json-view{margin:0;padding:12px;max-height:60vh;overflow:auto;border:1px solid var(--el-border-color-lighter);border-radius:6px;background:var(--el-fill-color-lighter);white-space:pre-wrap;word-break:break-word}.json-view-frame{position:relative}.json-view--with-action{padding-top:44px}.json-copy-button{position:absolute;top:8px;right:8px;z-index:1}.detail-grid{display:grid;gap:12px}.channel-test-summary{margin-bottom:16px}.channel-test-form,.channel-test-result{margin-top:16px}.channel-test-result__meta{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:8px;color:var(--el-text-color-secondary);font-size:13px}.channel-test-output{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;line-height:1.6}.channel-test-details{margin-top:12px}.channel-test-detail-grid{display:grid;gap:12px}.channel-test-detail-section{min-width:0}.channel-test-detail-title{margin-bottom:6px;color:var(--el-text-color-secondary);font-size:13px}.channel-test-json{max-height:260px;margin:0;padding:10px 12px;overflow:auto;border:1px solid var(--el-border-color-lighter);border-radius:6px;background:var(--el-fill-color-light);color:var(--el-text-color-primary);font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.bulk-test-summary{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 12px}.bulk-test-table,.bulk-test-model-select{width:100%}.bulk-test-output{max-height:96px;overflow:auto;white-space:pre-wrap;word-break:break-word;line-height:1.5}.created-key-alert{margin-top:14px}.created-key-box{display:flex;align-items:center;gap:8px;margin-top:8px}.created-key-box code{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--el-border-color-lighter);border-radius:6px;background:var(--el-fill-color-light);color:var(--el-text-color-primary);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.web-search-control-row{display:flex;align-items:center;gap:12px;margin-top:18px}.web-search-control-row>span{flex:0 0 auto;font-weight:600}.drawer-footer{display:flex;justify-content:flex-end;gap:8px}.text-muted{color:var(--el-text-color-secondary)}.full-width{width:100%}@media(max-width:1500px){.log-filter-quick{grid-template-columns:repeat(3,minmax(0,1fr))}.log-filter-quick__identity{grid-column:span 2}.log-filter-quick__actions{grid-column:1 / -1;justify-content:flex-start}}@media(max-width:900px){.app-page,.app-shell{height:auto;min-height:100vh;min-height:100dvh}.el-overlay-dialog{box-sizing:border-box;padding:12px}.el-dialog{display:flex;flex-direction:column;width:auto;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);margin:0 auto!important;overflow:hidden}.el-dialog.is-fullscreen{width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0!important;border-radius:0}.el-overlay-dialog:has(.el-dialog.is-fullscreen){padding:0}.el-dialog__header,.el-dialog__footer{flex:0 0 auto}.el-dialog__body{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.el-dialog__footer,.el-drawer__footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}.el-drawer{max-width:100vw}.el-drawer__body{min-width:0;overscroll-behavior:contain}.el-message-box,.el-popover.el-popper{max-width:calc(100vw - 24px)}.el-descriptions__content,.el-descriptions__label{overflow-wrap:anywhere}.app-header{height:56px!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;padding-top:max(12px,env(safe-area-inset-top));padding-right:max(12px,env(safe-area-inset-right));padding-left:max(12px,env(safe-area-inset-left))}.mobile-menu-button{display:inline-flex;width:36px;height:36px;flex-shrink:0}.header-brand-title{font-size:15px}.header-actions{width:auto;gap:6px;justify-content:flex-end;flex-shrink:0}.header-actions .current-user,.header-actions .theme-toggle-btn .theme-label-text{display:none}.header-actions .theme-toggle-btn,.header-actions .logout-btn{padding:8px 10px!important}.header-actions .logout-btn .logout-text{display:none}.current-user{min-width:0}.app-body{display:block;min-height:0;overflow:visible}.app-aside{display:none}.main-content{padding:15px;overflow:visible}.content-panel{height:auto;min-height:100%;overflow:visible}.content-panel>section{flex:none;overflow:visible}.content-panel>section>div{flex:none;overflow:visible}.section-scroll,.table-area{flex:none;overflow:visible}.table-area>.el-table{flex:none}.toolbar{display:block}.toolbar-actions{justify-content:flex-start;padding-top:16px}.log-filter-form{grid-template-columns:1fr}.log-filter-actions{padding-left:0}.log-filter-shell{margin-bottom:16px}.log-filter-quick{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;padding:12px}.log-filter-quick__range,.log-filter-quick__identity,.log-filter-quick__actions{grid-column:1 / -1}.log-filter-quick__actions{justify-content:flex-start}.log-filter-advanced-form--drawer{gap:18px}.log-active-filters{align-items:flex-start}.log-active-filters__list{flex-basis:100%}.web-search-control-row{align-items:flex-start;flex-direction:column}.created-key-box{align-items:stretch;flex-direction:column}}@media(max-width:600px){.el-table .cell{overflow-wrap:anywhere}.main-content{padding:8px;padding-right:max(8px,env(safe-area-inset-right));padding-left:max(8px,env(safe-area-inset-left))}.content-panel{padding:12px}.toolbar{margin-bottom:16px}.toolbar h2{margin-bottom:8px;font-size:24px}.toolbar-actions{gap:8px;padding-top:12px}.toolbar-actions .el-button,.drawer-footer .el-button,.el-dialog__footer .el-button,.settings-actions .el-button,.login-wrap .el-button{min-height:44px}.settings-form .el-segmented{width:100%}.settings-tabs .el-tabs__header{margin-bottom:20px}.settings-tab-header{display:block;margin-bottom:20px}.settings-tab-actions{justify-content:flex-start;margin-top:12px}.settings-actions{align-items:stretch;flex-direction:column}.settings-actions .el-button{width:100%;margin-left:0}.settings-switch-row{align-items:stretch;flex-direction:column}.settings-switch-row .el-button{width:100%;margin-left:0}.el-input__inner,.el-textarea__inner,.el-select__input,.el-select__placeholder,.el-date-editor .el-range-input,.el-input-number .el-input__inner{font-size:16px}.el-pagination{max-width:100%;justify-content:center}.el-pagination__total,.el-pagination__sizes{display:none}.el-pagination button,.el-pagination .el-pager li{width:44px!important;min-width:44px!important;height:44px!important;line-height:44px!important}.log-filter-quick .el-input__wrapper,.log-filter-quick .el-select__wrapper{min-height:44px}.el-dialog{max-height:calc(100dvh - 16px)}.el-overlay-dialog{padding:8px}.login-wrap{align-items:flex-start;padding-top:max(20px,env(safe-area-inset-top));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(20px,env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left))}.login-card{margin:auto 0}.log-filter-quick{grid-template-columns:minmax(0,1fr)}.log-filter-quick .el-form-item{display:flex;align-items:stretch}.log-filter-quick .el-form-item__label{flex:0 0 68px}.log-filter-identity-control{gap:6px}.log-filter-identity-control__type{flex-basis:112px;min-width:96px}.log-filter-quick__actions,.log-filter-advanced-actions{align-items:stretch;flex-direction:column}.log-filter-quick__actions .el-button,.log-filter-advanced-actions .el-button{width:100%;min-height:44px;margin-left:0}.log-active-filters__label{flex-basis:100%}.log-active-filters .el-tag__content{max-width:calc(100vw - 96px)}.log-column-settings__actions .el-button{min-height:44px}}.channel-action-buttons{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:nowrap;min-width:130px}.channel-action-buttons .el-button+.el-button{margin-left:0}.channel-action-buttons .action-btn{flex-shrink:0;white-space:nowrap}.form-label-with-tip{display:inline-flex;align-items:center;gap:4px}.form-label-tip{color:var(--el-color-warning);cursor:help}