:root{--brand-50: #eef4ff;--brand-100: #dbe6ff;--brand-300: #93b4fd;--brand-500: #3b76f6;--brand: #2563eb;--brand-strong: #1d4ed8;--brand-soft: #eff4ff;--ink-950: #070e1c;--ink-900: #0b1526;--ink-800: #111d33;--ink-700: #1b2b47;--bg-layout: #f1f4fa;--surface: #ffffff;--surface-muted: #f8fafd;--text-strong: #0d1730;--text-base: #3d4c63;--text-muted: #7b8aa0;--text-faint: #9aa7ba;--border-soft: #eef1f7;--border: #e6ebf4;--border-strong: #d8e1ee;--radius-xs: 8px;--radius-sm: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--shadow-1: 0 1px 2px rgba(13, 23, 48, .05);--shadow-card: 0 1px 2px rgba(13, 23, 48, .04), 0 12px 28px -18px rgba(13, 23, 48, .28);--shadow-float: 0 2px 6px rgba(13, 23, 48, .05), 0 24px 48px -28px rgba(13, 23, 48, .42);--sider-width: 248px;--header-height: 76px}html,body,#root{height:100%;margin:0;overflow:hidden}body{background:radial-gradient(1200px 620px at 8% -12%,rgba(37,99,235,.07) 0%,transparent 60%),radial-gradient(900px 520px at 102% 4%,rgba(16,185,129,.05) 0%,transparent 58%),var(--bg-layout);color:var(--text-base);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}::selection{background:#2563eb29}.screen-device-name{font-size:13px;font-weight:400}.app-layout{height:100vh;overflow:hidden;background:transparent}.app-main{min-width:0;height:100vh;overflow:hidden;background:transparent}.app-sider.ant-layout-sider{background:#fbfcff;border-inline-end:1px solid var(--border);box-shadow:1px 0 #0d173005;position:relative;overflow:hidden}.app-sider.ant-layout-sider:after{content:"";position:absolute;inset:-140px -80px auto -80px;height:300px;background:radial-gradient(closest-side,rgba(59,118,246,.1),transparent 74%);pointer-events:none}.app-sider .ant-layout-sider-children{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.app-brand{display:flex;align-items:center;gap:12px;min-height:var(--header-height);padding:16px 20px;border-block-end:1px solid var(--border-soft)}.app-brand-mark,.login-brand-mark{width:38px;height:38px;flex:none;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#4b83ff,#2563eb 60%,#1d4ed8);box-shadow:0 10px 22px -10px #3b76f6e6,inset 0 1px #ffffff52}.app-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.app-brand-title{font-size:15.5px;font-weight:650;letter-spacing:.2px;color:var(--text-strong)}.app-brand-sub{font-size:11.5px;letter-spacing:.6px;color:var(--text-faint)}.app-menu.ant-menu{flex:1;padding:6px 0 10px;border-inline-end:none;background:transparent;overflow-y:auto;overflow-x:hidden}.app-menu.ant-menu::-webkit-scrollbar{width:6px}.app-menu.ant-menu::-webkit-scrollbar-thumb{background:#0d17301f;border-radius:999px}.app-menu .ant-menu-item,.app-menu .ant-menu-submenu-title{font-weight:500;letter-spacing:.2px}.app-menu .ant-menu-item{color:#4a5a72}.app-menu .ant-menu-submenu-title{color:var(--text-faint)!important;font-size:12px;font-weight:600;letter-spacing:.8px;text-transform:none}.app-menu .ant-menu-item .anticon,.app-menu .ant-menu-submenu-title .anticon{font-size:15px}.app-menu .ant-menu-item:hover{color:var(--brand-strong)!important}.app-menu .ant-menu-item-selected{position:relative;font-weight:600;color:var(--brand-strong)!important;background:#e8f0ff!important;box-shadow:inset 3px 0 #2563eb,inset 0 0 0 1px #3b76f624}.app-menu .ant-menu-item-selected .anticon{color:var(--brand)}.app-sider-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:8px 12px 14px;padding:10px 12px;border-radius:var(--radius-md);font-size:11.5px;color:var(--text-faint);background:#f5f8fd;border:1px solid var(--border-soft)}.app-sider-footer-dot{width:6px;height:6px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px #12b76a29}.app-header.ant-layout-header{display:flex;align-items:center;justify-content:space-between;gap:20px;height:var(--header-height);padding:0 26px;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-block-end:1px solid var(--border-soft);box-shadow:0 1px #0d173005;line-height:normal}.app-header-title{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0}.app-header-crumb.ant-breadcrumb{font-size:12px;color:var(--text-faint)}.app-header-crumb.ant-breadcrumb a{color:var(--text-muted);font-weight:500}.app-header-crumb.ant-breadcrumb a:hover{color:var(--brand)}.app-page-title,.page-inline-title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.2px;line-height:1.25;color:var(--text-strong)}.app-page-title.ant-typography,.page-inline-title.ant-typography{margin:0!important;font-size:20px!important;font-weight:700!important;letter-spacing:-.2px;color:var(--text-strong)!important;line-height:1.25!important}.app-header-sub{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted)}.app-user-panel{display:flex;align-items:center;gap:10px}.app-user-card{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;border-radius:999px;border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;font:inherit;text-align:start}.app-user-card:hover{border-color:var(--brand-300);box-shadow:0 6px 18px -12px #2563eb99}.app-user-card:focus-visible{outline:2px solid var(--brand-300);outline-offset:2px}.app-user-avatar.ant-avatar{background:linear-gradient(135deg,#eaf1ff,#d7e5ff);color:var(--brand);flex:none}.app-user-meta{display:flex;flex-direction:column;min-width:0;line-height:1.32}.app-user-name{font-size:13.5px;font-weight:600;color:var(--text-strong)}.app-user-sub{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted)}.app-user-caret{font-size:10px;color:var(--text-faint)}.app-role-tag.ant-tag{margin-inline-end:0;padding-inline:7px;border-radius:6px;font-size:11px;line-height:17px;font-weight:600}.app-content.ant-layout-content{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 26px 40px;scrollbar-width:thin;scrollbar-color:#cdd6e4 transparent}.app-content::-webkit-scrollbar{width:10px}.app-content::-webkit-scrollbar-thumb{background:#d3dbe8;border-radius:999px;border:3px solid transparent;background-clip:content-box}.app-content::-webkit-scrollbar-thumb:hover{background:#bcc7d8;background-clip:content-box}.app-content-inner{width:100%;max-width:none}.page-stack{width:100%}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:2px}.page-head-text{display:flex;flex-direction:column;gap:4px;min-width:0}.page-head-title{font-size:17px;font-weight:700;letter-spacing:-.2px;color:var(--text-strong)}.page-head-desc{font-size:12.5px;color:var(--text-muted)}.ant-card.ant-card-bordered{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:var(--surface)}.ant-card{border-radius:var(--radius-lg)}.ant-card-head{min-height:56px;padding:0 22px;border-block-end:1px solid var(--border-soft);background:linear-gradient(180deg,#fbfcff,#fff)}.ant-card-head-title{font-size:14.5px;font-weight:650;letter-spacing:.1px;color:var(--text-strong)}.ant-card-extra{font-size:12.5px;color:var(--text-muted)}.ant-card-body{padding:20px 22px}.card-table .ant-card-body{padding:16px 18px 8px}.detail-card{height:100%}.status-pill{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 11px 0 9px;border-radius:999px;border:1px solid transparent;font-size:12.5px;font-weight:600;line-height:1;white-space:nowrap}.status-pill__dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.status-pill--ok{color:#0a7a4a;background:#e9f9f0;border-color:#bfeeda}.status-pill--ok .status-pill__dot{box-shadow:0 0 0 3px #10b9812e;animation:status-pulse 2.6s ease-in-out infinite}.status-pill--warn{color:#b1600a;background:#fff7e9;border-color:#fbe0b6}.status-pill--warn .status-pill__dot{box-shadow:0 0 0 3px #f59e0b29}.status-pill--down{color:#b42318;background:#feeceb;border-color:#f9cfcb}.status-pill--down .status-pill__dot{box-shadow:0 0 0 3px #f0443829}.status-pill--danger{color:#6938ef;background:#f4f0ff;border-color:#ddd2fe}.status-pill--danger .status-pill__dot{box-shadow:0 0 0 3px #7a5af829}.status-pill--idle{color:#64748b;background:#f2f5f9;border-color:#e2e8f1}.status-pill--idle .status-pill__dot{box-shadow:0 0 0 3px #64748b1f}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px #10b9812e}50%{box-shadow:0 0 0 5px #10b9810f}}.chip{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:500;line-height:1;white-space:nowrap}.chip--on{color:#0a7a4a;background:#eefaf4;border-color:#cdeedd}.chip--info{color:var(--brand-strong);background:var(--brand-soft);border-color:#d8e5ff}.chip--off{color:#8493a8;background:#f4f6fa;border-color:#e6ebf3}.chip__dot{width:5px;height:5px;border-radius:50%;background:currentColor}.filter-card .ant-card-body{padding:18px 22px 8px}.filter-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:0 18px;align-items:end}.filter-form .ant-form-item{margin-bottom:14px}.filter-form .ant-form-item-label{padding-bottom:6px}.filter-form .ant-form-item-label>label{height:auto;font-size:12.5px;font-weight:500;color:var(--text-muted)}.filter-form .ant-form-item-control-input{min-height:36px}.filter-form .ant-select,.filter-form .ant-input-affix-wrapper,.filter-form .ant-input,.filter-form .ant-picker{width:100%}.filter-form-item--wide{grid-column:span 2}.filter-card .ant-form-inline .ant-form-item{margin-bottom:14px}.toolbar,.batch-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px;padding:10px 14px;border-radius:var(--radius-md);background:linear-gradient(180deg,var(--surface-muted) 0%,#f3f7fd 100%);border:1px solid var(--border)}.toolbar__count{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:500;color:var(--text-muted)}.toolbar__count strong{font-weight:700;color:var(--brand);font-variant-numeric:tabular-nums}.toolbar__divider{width:1px;height:20px;background:var(--border-strong)}.toolbar__spacer{flex:1 1 auto}.toolbar__group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ant-table{font-size:13.5px;color:var(--text-base)}.ant-table-wrapper .ant-table{background:transparent}.ant-table-thead>tr>th{background:#f6f9fe!important;color:#5b6b83!important;font-weight:600!important;font-size:12.5px!important;letter-spacing:.2px;padding:11px 16px!important;border-block-end:1px solid var(--border)!important}.ant-table-thead>tr>th:before{display:none!important}.ant-table-tbody>tr>td{padding:13px 16px!important;border-block-end:1px solid var(--border-soft)!important;vertical-align:middle}.ant-table-tbody>tr:last-child>td{border-block-end:none!important}.ant-table-tbody>tr.ant-table-row:hover>td,.ant-table-tbody>tr.ant-table-row-selected>td{background:#f4f8ff!important}.ant-table-tbody>tr>td.ant-table-cell-fix-left,.ant-table-tbody>tr>td.ant-table-cell-fix-right{background:var(--surface)}.ant-table-tbody>tr.ant-table-row:hover>td.ant-table-cell-fix-left,.ant-table-tbody>tr.ant-table-row:hover>td.ant-table-cell-fix-right{background:#f4f8ff}.ant-table-tbody>tr.ant-table-placeholder>td{border-block-end:none!important}.ant-table-cell .ant-table-column-sorter{color:var(--text-faint)}.ant-table-selection-column .ant-checkbox-inner{border-radius:5px}.ant-table-pagination.ant-pagination{margin:16px 4px 10px}.ant-pagination .ant-pagination-item,.ant-pagination .ant-pagination-prev .ant-pagination-item-link,.ant-pagination .ant-pagination-next .ant-pagination-item-link{border-radius:9px}.ant-pagination .ant-pagination-item-active{border-color:var(--brand);box-shadow:0 4px 10px -6px #2563ebe6}.device-cell{display:flex;align-items:center;gap:10px;min-width:0}.device-cell__icon{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:14px;color:var(--brand);background:linear-gradient(135deg,#eef4ff,#dce8ff);border:1px solid #dbe6ff}.device-cell__text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.device-cell__name{font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-cell__name a{color:inherit}.device-cell__name a:hover{color:var(--brand)}.device-cell__id{font-size:11.5px;color:var(--text-faint);font-variant-numeric:tabular-nums}.row-actions{display:flex;align-items:center;gap:2px}.row-action{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:12.5px;font-weight:500;color:var(--brand);transition:background .14s ease,color .14s ease}.row-action:hover{color:var(--brand-strong);background:var(--brand-soft)}.row-action .anticon{font-size:12px}.row-action--icon{width:28px;height:28px;justify-content:center;padding:0;color:var(--brand);background:#f3f7ff}.row-action--icon .anticon{font-size:15px}.row-action--icon:hover{color:var(--brand-strong);background:var(--brand-soft)}.muted{color:var(--text-faint)}.ant-empty{margin:28px 0}.ant-empty-description{color:var(--text-muted);font-size:13px}.metric-card{position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;--tone: var(--brand);--tone-bg: #eaf1ff}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-float);border-color:var(--border-strong)}.metric-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--tone),transparent 92%);opacity:.85}.metric-card .ant-card-body{padding:18px 20px}.metric-card-body{display:flex;align-items:center;gap:14px}.metric-icon{width:46px;height:46px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--tone-bg);color:var(--tone);box-shadow:inset 0 0 0 1px #fff9}.metric-content{display:flex;flex-direction:column;gap:3px;min-width:0}.metric-label{font-size:12.5px;font-weight:500;letter-spacing:.2px;color:var(--text-muted)}.metric-value{font-size:27px;font-weight:700;line-height:1.08;letter-spacing:-.6px;color:var(--text-strong);font-variant-numeric:tabular-nums}.metric-value .ant-typography-secondary{font-size:12.5px;font-weight:500;letter-spacing:0}.metric-card.tone-blue{--tone: #2563eb;--tone-bg: #eaf1ff}.metric-card.tone-green{--tone: #12b76a;--tone-bg: #e7f9f0}.metric-card.tone-gray{--tone: #667085;--tone-bg: #eef1f5}.metric-card.tone-red{--tone: #f04438;--tone-bg: #feecec}.metric-card.tone-purple{--tone: #7a5af8;--tone-bg: #f0ecff}.metric-card.tone-cyan{--tone: #0694b8;--tone-bg: #e6f7fb}.trend-chart{width:100%}.trend-legend{display:flex;align-items:center;gap:16px;margin-bottom:10px;font-size:12px;color:var(--text-muted)}.trend-legend-item{display:inline-flex;align-items:center;gap:6px}.trend-legend-item i{width:8px;height:8px;border-radius:3px;display:inline-block}.trend-chart-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(12px,1fr));gap:6px;align-items:end;min-height:180px;padding:6px 2px 0;border-radius:var(--radius-md);background:linear-gradient(180deg,#fafcff,#fff);border-bottom:1px solid var(--border-soft)}.trend-chart-group{height:180px;display:flex;align-items:flex-end;gap:3px}.trend-chart-bar{flex:1;min-height:2px;border-radius:5px 5px 0 0;transition:opacity .16s ease}.trend-chart-group:hover .trend-chart-bar{opacity:1!important}.trend-chart-footer,.trend-fallback-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.trend-chart-footer{margin-top:12px;font-size:12px}.trend-fallback-list{display:flex;flex-direction:column;gap:8px}.state-panel,.state-full-height{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);min-height:240px}.state-panel{padding:40px 0}.state-full-height{min-height:100vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:32px 24px;background:radial-gradient(1100px 560px at 10% -10%,#e3edff 0%,transparent 58%),radial-gradient(880px 520px at 104% 106%,#e3f7ee 0%,transparent 55%),var(--bg-layout)}.login-shell{width:100%;max-width:432px;border-radius:var(--radius-xl);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-float),0 0 0 1px #0d17300d}.login-card-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid var(--border-soft)}.login-panel{padding:36px 36px 34px;display:flex;flex-direction:column;justify-content:center}.login-panel-head{margin-bottom:22px}.login-title.ant-typography{margin:0!important;font-size:21px!important;font-weight:700!important;letter-spacing:-.3px;color:var(--text-strong)!important}.login-subtitle{display:block;margin-top:6px;font-size:12.5px;color:var(--text-muted)}.login-alert{margin-bottom:18px}.login-submit.ant-btn{height:42px;font-weight:600;letter-spacing:.4px}.login-card{width:100%;max-width:432px;border-radius:var(--radius-xl);box-shadow:var(--shadow-float)}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.command-hint{margin-bottom:16px}.command-hint code,.ant-typography code{padding:1px 6px;border-radius:6px;background:#f3f6fb;border:1px solid var(--border);font-size:12px;color:#33507a}.command-history-title{margin:18px 0 12px!important}.command-result{margin:0;max-height:240px;overflow:auto;padding:14px 16px;border-radius:var(--radius-md);background:linear-gradient(180deg,#0d1526,#101c33);color:#dbe6f5;font-size:12px;line-height:1.65;box-shadow:inset 0 0 0 1px #ffffff0f}.log-hint{margin-bottom:12px!important;font-size:12px}.region-row{display:flex;align-items:center;gap:12px}.region-name{width:96px;flex:none;text-align:right}.region-row .ant-progress{flex:1;margin:0}.ant-tag{border-radius:999px;border-color:transparent;padding:1px 9px;margin-inline-end:0;font-size:12px;font-weight:600;line-height:18px}.placeholder-endpoint.ant-tag{margin-inline-start:6px;border-radius:6px;font-weight:500}.status-detail{font-size:12.5px;color:var(--text-muted)}.file-path-bar{display:flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:#f8fafe}.file-path-bar .ant-breadcrumb{flex:1;min-width:0;overflow:hidden;font-size:12.5px;white-space:nowrap}.file-path-bar .ant-breadcrumb a{color:var(--text-muted);cursor:pointer}.file-path-bar .ant-breadcrumb a:hover{color:var(--brand)}.file-path-bar .ant-breadcrumb li:last-child a,.file-path-bar .ant-breadcrumb li:last-child span{color:var(--text-strong);font-weight:600}.file-path-input{width:320px;flex:none}.file-name-cell{min-width:0}.file-name{font-weight:600;color:var(--text-strong)}.file-sub{font-size:12px;color:var(--text-faint);word-break:break-all}.file-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;flex:none;border-radius:9px;background:#f1f4fa;color:var(--text-muted);font-size:15px}.file-icon--dir{background:#eef3ff;color:#2563eb}.file-icon--image{background:#eafaf1;color:#12b76a}.file-thumb{width:44px;height:44px;flex:none;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#f1f4fa;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.file-thumb img{width:100%;height:100%;object-fit:cover;display:block}.file-thumb:hover{box-shadow:0 6px 16px #2563eb2e;transform:translateY(-1px)}.file-hint{font-size:12px;color:var(--text-faint)}.file-meta{font-size:12.5px;color:var(--text-muted)}.file-explorer{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 1180px){.file-explorer{grid-template-columns:minmax(0,1fr)}}.file-explorer>.ant-card{min-width:0}.file-tree-card .ant-card-body{padding:14px 12px 12px}.file-tree-body{max-height:calc(100vh - 320px);min-height:300px;overflow:auto;padding:4px 2px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#fcfdff}.file-tree-body .ant-tree{background:transparent;font-size:13px}.file-tree-body .ant-tree-node-content-wrapper{border-radius:8px;padding-inline:6px;min-height:28px;line-height:28px;min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden}.file-tree-body .ant-tree-iconEle{flex:0 0 auto}.file-tree-body .ant-tree-title{flex:1 1 auto;display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-tree-body .ant-tree-treenode{width:100%}.file-preview-card .ant-card-body{min-height:360px}.file-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:320px;text-align:center}.file-preview-badge{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#f1f4fa;color:var(--text-faint);font-size:24px}.file-preview-name{font-size:14.5px;font-weight:600;color:var(--text-strong);word-break:break-all}.file-preview-path{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-muted);background:#f8fafe;border:1px solid var(--border-soft);border-radius:8px;padding:6px 10px;word-break:break-all}.file-preview-media{display:flex;flex-direction:column;align-items:center;gap:14px}.file-preview-media .ant-image-img{border-radius:12px;box-shadow:0 8px 24px #0d17301f}.file-preview-media .file-meta{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;word-break:break-all}.file-preview-body{display:flex;flex-direction:column;gap:10px;min-width:0}.file-preview-text{margin:0;padding:14px 16px;max-height:520px;overflow:auto;background:#0d1730;color:#d6e2f5;border-radius:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.65;white-space:pre-wrap;word-break:break-word}.screen-toolbar{display:flex;align-items:center;justify-content:space-between;margin-top:8px;margin-bottom:0;min-height:32px;flex-wrap:wrap}.screen-toolbar .ant-space{flex-wrap:nowrap}.screen-zoom-slider{width:96px;margin:0 4px}.screen-zoom-value{font-variant-numeric:tabular-nums;min-width:38px;text-align:right}.screen-viewport{overflow:visible;max-height:none;max-width:100%;padding:8px;background:transparent;line-height:0;display:flex;justify-content:flex-start;align-items:flex-start}.screen-viewport,.reader-viewport{scrollbar-width:none;-ms-overflow-style:none}.screen-viewport::-webkit-scrollbar,.reader-viewport::-webkit-scrollbar{width:0;height:0}.screen-canvas{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none;background:#111;border-radius:12px;box-shadow:0 0 0 1px #00000029,0 18px 40px -30px #0d173099}.screen-node-active>td{background:#e6f4ff!important}.screen-stage{display:flex;align-items:flex-start;gap:6px}.screen-stage .screen-viewport{flex:0 1 auto;min-width:0}.screen-keypad{flex:0 0 auto;display:flex;flex-direction:column;gap:4px;padding-top:8px}.screen-keypad .screen-keypad-button{justify-content:center;min-width:84px;padding-inline:8px}.screen-keypad .screen-keypad-button>span:not(.anticon){letter-spacing:normal;margin-inline-end:0}.screen-actions{margin-top:10px}.screen-footer{display:flex;align-items:center;justify-content:flex-start;gap:14px;flex-wrap:wrap;margin-top:8px;min-height:32px}.screen-reader-head{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:8px;min-height:32px}.screen-card .ant-card-body{position:relative}.reader-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;box-sizing:border-box;border:1px dashed rgba(0,0,0,.18);border-radius:12px;background:#00000004;cursor:pointer;transition:border-color .2s ease,background .2s ease}.reader-placeholder:hover{border-color:#4096ff;background:#4096ff0f}.reader-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;cursor:crosshair;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:none}.screen-node-hover>td{background:#fff7e6!important}.reader-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;flex-wrap:wrap}.screen-reader-tools{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.screen-reader-search{flex:1;min-width:160px}.reader-viewport{max-height:none;overflow:visible;padding:8px;border-radius:12px;background:#eef1f6;box-shadow:inset 0 0 0 1px #1118270f;display:flex;justify-content:flex-start;align-items:flex-start}.reader-phone{position:relative;margin:0;background:#fcfcfb;border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #1018280f,0 12px 28px -18px #10182859}.reader-node{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;cursor:inherit;pointer-events:none;overflow:hidden;border:1px solid rgba(17,24,39,.1);background:transparent;-webkit-user-select:none;user-select:none;z-index:2;transition:background .12s ease,border-color .12s ease}.reader-gap{position:absolute;z-index:1;pointer-events:none;background-image:repeating-linear-gradient(45deg,#d9770647 0,#d9770647 1px,#d9770600 1px,#d9770600 5px)}.reader-node.is-clickable{border:1px solid rgba(17,24,39,.26);background:transparent}.reader-node.is-scrollable{border:1px dashed rgba(17,24,39,.34)}.reader-node.is-text{border:1px solid rgba(17,24,39,.14)}.reader-node.is-container{border:1px solid rgba(17,24,39,.07)}.reader-node.is-tight .reader-node-label{display:none}.reader-node.is-tight.is-hover .reader-node-label,.reader-node.is-tight.is-active .reader-node-label{display:inline-block}.reader-node.is-hover{background:#0000000a;border-color:#000000ad}.reader-node.is-active{border:1px dashed rgba(0,0,0,.75);background:#0000000d;z-index:3}.reader-node-label{display:block;max-width:100%;text-align:center;padding:1px 3px;font-size:11px;font-weight:500;line-height:1.25;color:#101828;white-space:normal;word-break:break-word;overflow:hidden;pointer-events:none;text-shadow:0 1px 0 rgba(255,255,255,.9),0 0 2px rgba(255,255,255,.9)}.reader-node.is-hover,.reader-node.is-active{overflow:visible;z-index:6}.reader-node.is-hover .reader-node-label,.reader-node.is-active .reader-node-label{display:inline-block;max-width:none;white-space:nowrap;overflow:visible;padding:1px 4px;border-radius:3px;background:#fffffff5;box-shadow:0 0 0 1px #00000047;position:relative;z-index:7}.reader-font-slider{width:92px!important;margin:0 2px!important}.reader-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#00000073;font-size:12px}.reader-detail{margin-top:8px;padding:10px 12px;min-height:92px;border-radius:var(--radius-sm);background:var(--surface-muted);border:1px solid var(--border-soft)}.reader-detail-line{font-size:12px;word-break:break-all}@media (max-width: 1200px){.filter-form{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 960px){.login-shell{grid-template-columns:1fr;max-width:460px}.login-hero{display:none}.login-panel{padding:32px 26px}}@media (max-width: 768px){.app-header.ant-layout-header{flex-direction:column;align-items:flex-start;justify-content:center;height:auto;min-height:76px;padding:14px 16px;gap:10px}.app-content.ant-layout-content{padding:16px 14px 32px}.app-user-panel{width:100%;justify-content:space-between}.filter-form-item--wide{grid-column:span 1}.toolbar{align-items:stretch}}.lock-flag{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;line-height:18px;white-space:nowrap}.lock-flag .anticon{font-size:12px}.lock-flag--ok{color:#0f8a4d;background:#e8f8ef;box-shadow:inset 0 0 0 1px #12b76a2e}.lock-flag--pending{color:#b25b09;background:#fef4e7;box-shadow:inset 0 0 0 1px #f7900933}.lock-flag--empty{color:var(--text-faint);background:#f2f5fa;box-shadow:inset 0 0 0 1px #0d17300f;font-weight:500}.lock-cipher-count{font-size:12px;font-weight:500;color:var(--text-faint)}.lock-cipher-value{display:inline-block;max-width:100%;padding:2px 8px;border-radius:6px;background:#0d1730;color:#d6e2f5;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:18px;word-break:break-all}.lock-cipher-raw{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;color:var(--text-muted)}.screen-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52c41a;vertical-align:middle}.screen-status-dot.is-warn{background:#faad14}.screen-col-fixed{position:relative;width:max-content}.screen-off-box{position:absolute;top:4px;left:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px dashed #d9d9d9;border-radius:12px;background:#fafafa;cursor:pointer}.screen-off-box:hover{border-color:#1677ff;background:#f0f5ff}