*{box-sizing:border-box}:root{--shc-bg:#f5f7fb;--shc-surface:#fffffff5;--shc-surface-solid:#fff;--shc-surface-soft:#f8fafc;--shc-border:#e1e8ef;--shc-border-soft:#e8eef4;--shc-primary:#0b7895;--shc-primary-soft:#e6f5f7;--shc-primary-subtle:#f5fafb;--shc-success:#20a67a;--shc-success-soft:#eaf8f2;--shc-warning:#d48806;--shc-warning-soft:#fff7e6;--shc-danger:#d4380d;--shc-danger-soft:#fff1ec;--shc-shadow:0 12px 28px #23375014;--shc-shadow-soft:0 4px 14px #2337500f}:root[data-color-scheme=dark]{--shc-bg:#0f171f;--shc-surface:#151f28eb;--shc-surface-solid:#151f28;--shc-surface-soft:#13232c;--shc-border:#7ca4b52e;--shc-border-soft:#7ca4b51f;--shc-primary:#4fb4c9;--shc-primary-soft:#4fb4c924;--shc-primary-subtle:#4fb4c914;--shc-success:#41c99a;--shc-success-soft:#41c99a24;--shc-warning:#e2a739;--shc-warning-soft:#e2a73924;--shc-danger:#ef775f;--shc-danger-soft:#ef775f24;--shc-shadow:0 12px 28px #0003;--shc-shadow-soft:0 4px 14px #00000029}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0}body{font-family:var(--ant-font-family), -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;background:var(--shc-bg);color:var(--ant-color-text,#000000e0)}.app-blank,.app-shell{background:var(--shc-bg);min-height:100vh}.app-content{background:var(--shc-bg);min-width:0;padding:18px}.page-panel{background:var(--shc-surface);border:1px solid var(--shc-border);min-height:calc(100vh - 100px);box-shadow:var(--shc-shadow-soft);border-radius:10px;padding:16px;overflow:hidden}.muted{color:var(--ant-color-text-tertiary,#00000073)}.mono-block{white-space:pre-wrap;word-break:break-all;background:var(--shc-surface-soft);border:1px solid var(--shc-border);border-radius:8px;max-height:360px;padding:12px;display:block;overflow:auto}.row-active td{background:var(--shc-primary-soft)!important}td.ant-table-cell{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}td.license-memo-cell{white-space:normal}.license-memo-text{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap;max-width:240px;line-height:1.45;display:block}.status-tag{text-align:center;border-radius:4px;min-width:42px;font-weight:600}.status-tag-success{color:var(--shc-success)!important;background:var(--shc-success-soft)!important;border-color:#0000!important}.status-tag-warning{color:var(--shc-warning)!important;background:var(--shc-warning-soft)!important;border-color:#0000!important}.status-tag-danger{color:var(--shc-danger)!important;background:var(--shc-danger-soft)!important;border-color:#0000!important}.desktop-table .ant-table{background:0 0}.desktop-table .ant-table-container{border:1px solid var(--shc-border-soft);border-radius:8px}.desktop-table .ant-table-thead>tr>th{font-weight:600}.mobile-card-list{display:none}.login-page{background:var(--shc-bg);place-items:start center;min-height:100vh;padding:10vh 16px 32px;display:grid}.login-card{border-color:var(--shc-border);width:min(440px,100vw - 32px);box-shadow:var(--shc-shadow)}.login-card .ant-card-body{padding:32px}.login-heading{justify-items:center;gap:12px;margin-bottom:24px;display:grid}.login-heading img{border-radius:8px;width:32px;height:32px}.login-title{text-align:center;margin-top:0!important;margin-bottom:0!important;font-size:24px!important;line-height:32px!important}.login-meta{justify-items:center;gap:8px;margin-top:20px;font-size:12px;display:grid}.login-meta .ant-space{flex-wrap:wrap;justify-content:center}.shell-header{z-index:20;background:color-mix(in srgb, var(--shc-surface-solid) 92%, transparent);border-bottom:1px solid var(--shc-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);align-items:center;gap:12px;height:60px;padding:0 22px;line-height:normal;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #2337500d}.shell-brand{width:176px;color:var(--ant-color-text,#000000e0);flex:none;align-items:center;gap:8px;font-size:16px;font-weight:600;display:flex}.shell-brand img{border-radius:6px;width:24px;height:24px}.shell-menu{background:0 0;border-bottom:0;flex:auto;min-width:0}.shell-menu.ant-menu-horizontal{line-height:58px}.shell-menu.ant-menu-horizontal>.ant-menu-item,.shell-menu.ant-menu-horizontal>.ant-menu-submenu{padding-inline:14px}.shell-actions{flex:none;align-items:center;gap:14px;min-width:0;display:flex}.shell-metrics{align-items:center;gap:8px;display:flex}.shell-metric{min-height:30px;color:var(--ant-color-text-secondary,#000000a6);background:var(--shc-surface-soft);border:1px solid var(--shc-border-soft);white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:4px 9px;display:inline-flex}.shell-metric strong{color:var(--ant-color-text,#000000e0)}.shell-metric-sub,.shell-metric-label{color:var(--ant-color-text-tertiary,#00000073)}.shell-tools{flex:none;align-items:center;gap:8px;display:flex}.shell-action-chip.ant-btn{height:32px;color:var(--ant-color-text-secondary,#000000a6);background:var(--shc-surface-soft);border:1px solid var(--shc-border-soft);box-shadow:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.shell-action-chip.ant-btn:hover,.shell-action-chip.ant-btn:focus-visible{color:var(--shc-primary);background:var(--shc-primary-soft);border-color:color-mix(in srgb, var(--shc-primary) 28%, var(--shc-border-soft))}.theme-toggle.ant-btn{min-width:62px}.theme-toggle-label,.user-name{line-height:1}.user-entry.ant-btn{height:34px;padding:3px 9px 3px 0;overflow:hidden}.user-entry .ant-avatar{color:var(--shc-primary);background:var(--shc-primary-soft);border:1px solid var(--shc-border);flex:none}.tabs-panel{padding-top:8px}.tabs-panel .ant-tabs-nav{margin-bottom:16px}.tabs-panel .ant-tabs-tab{border-radius:8px 8px 0 0!important}.search-bar{border-bottom:1px solid var(--shc-border-soft);background:0 0;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 12px;display:flex}.search-bar .ant-space-compact .ant-btn[disabled]{color:var(--ant-color-text-tertiary,#00000073);background:var(--shc-surface-solid)}.license-toolbar{margin-bottom:14px}.license-search-bar{justify-content:space-between}.toolbar-actions{align-items:center;gap:8px;margin-left:auto;display:inline-flex}.license-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.license-stat-card{background:var(--shc-surface-solid);border:1px solid var(--shc-border-soft);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #2337500a}.license-stat-card:before{inset-block:10px;content:"";border-radius:999px;width:3px;position:absolute;left:0}.license-stat-icon{border-radius:8px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid}.license-stat-info:before,.license-stat-card.license-stat-info:before{background:var(--shc-primary)}.license-stat-info .license-stat-icon{color:var(--shc-primary);background:var(--shc-primary-soft)}.license-stat-success:before{background:var(--shc-success)}.license-stat-success .license-stat-icon{color:var(--shc-success);background:var(--shc-success-soft)}.license-stat-warning:before{background:var(--shc-warning)}.license-stat-warning .license-stat-icon{color:var(--shc-warning);background:var(--shc-warning-soft)}.license-stat-danger:before{background:var(--shc-danger)}.license-stat-danger .license-stat-icon{color:var(--shc-danger);background:var(--shc-danger-soft)}.license-stat-card .ant-statistic-title{margin-bottom:0;font-size:12px}.license-stat-card .ant-statistic-content{font-size:18px;line-height:24px}.license-table{margin-top:2px}.license-drawer .ant-drawer-header{border-bottom-color:var(--shc-border)}.license-drawer .ant-drawer-body{background:var(--shc-surface-soft)}.license-form-section{background:var(--shc-surface-solid);border:1px solid var(--shc-border-soft);border-radius:10px;margin-bottom:14px;padding:16px}.license-form-section>.ant-typography{margin-bottom:14px;display:block}.license-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.drawer-footer-actions{justify-content:flex-end;gap:8px;display:flex}.remote-panel-head{background:var(--shc-primary-subtle);border:1px solid var(--shc-border-soft);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 14px;display:flex}.remote-panel-head>div:first-child{gap:2px;min-width:0;display:grid}.remote-panel-head .ant-typography{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remote-panel-metrics{flex:none;align-items:center;gap:8px;display:inline-flex}.remote-panel-metrics>span{color:var(--ant-color-text-secondary,#000000a6);background:var(--shc-surface-solid);border:1px solid var(--shc-border-soft);white-space:nowrap;border-radius:8px;padding:4px 9px}.remote-log-search{gap:8px;margin-bottom:14px;display:grid}.filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-row-secondary{border-top:1px solid color-mix(in srgb, var(--shc-border-soft) 70%, transparent);padding-top:8px}.log-filter-switch{background:var(--shc-surface-solid);border:1px solid var(--shc-border-soft);border-radius:8px;min-height:32px;padding:0 8px}.log-detail-modal .ant-modal-body{max-height:min(76vh,860px);overflow:auto}.shc2-log-detail-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.shc2-log-detail-title .ant-typography{margin-bottom:0}.shc2-filter-input-row{grid-template-columns:minmax(0,1fr) 36px;align-items:center;gap:8px;margin-bottom:16px;display:grid}.system-status-card,.trend-card,.usage-summary-card{border-color:var(--shc-border);box-shadow:var(--shc-shadow-soft)}.system-status-card .ant-card-body{padding:20px 24px 24px}.system-status-layout{grid-template-columns:minmax(420px,520px) minmax(420px,1fr);align-items:start;gap:32px;display:grid}.system-metrics-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.system-gauge-panel{background:var(--shc-surface-soft);border:1px solid var(--shc-border-soft);border-radius:10px;min-width:0;padding:12px 12px 14px}.system-gauge-meta{justify-items:center;gap:2px;min-height:42px;margin-top:-6px;font-size:12px;display:grid}.system-summary-strip{border:1px solid var(--shc-border-soft);border-radius:10px;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.system-summary-strip>div{background:var(--shc-surface-solid);gap:4px;min-width:0;padding:12px;display:grid}.system-summary-strip>div+div{border-left:1px solid var(--shc-border-soft)}.system-summary-strip .ant-typography{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.disk-panel{min-width:0}.disk-panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.disk-list{scrollbar-gutter:stable;max-height:236px;padding:0 8px 0 0;overflow:auto}.disk-line{gap:5px;min-width:0;padding:0 4px 10px 0;display:grid}.disk-line+.disk-line{border-top:1px solid var(--shc-border-soft);margin-top:10px;padding-top:10px}.disk-line-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.disk-line-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.disk-line-meta{font-size:12px}.system-info-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:16px;display:grid}.system-info-grid .ant-card{border-color:var(--shc-border);box-shadow:var(--shc-shadow-soft)}.system-info-grid .ant-card-body{padding:16px 20px}.network-info-list{scrollbar-gutter:stable;align-content:start;gap:12px;max-height:260px;padding-right:4px;display:grid;overflow:auto}.network-info-item{background:var(--shc-surface-soft);border:1px solid var(--shc-border-soft);border-radius:10px;min-width:0;padding:12px}.network-info-item .ant-descriptions-item-content{overflow-wrap:anywhere;word-break:break-word;min-width:0}.usage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.usage-summary-card{overflow:hidden}.usage-summary-card .ant-card-body{padding:18px 20px 14px}.usage-summary-head{justify-content:space-between}.usage-summary-primary{border-top:3px solid var(--shc-primary)}.usage-summary-success{border-top:3px solid var(--shc-success)}.usage-summary-warning{border-top:3px solid var(--shc-warning)}.chart-toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.trend-card .ant-card-head{min-height:56px}.shc2-usage-panel{gap:16px;display:grid}.shc2-usage-top-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.shc2-usage-top-card{border-color:var(--shc-border);box-shadow:var(--shc-shadow-soft);overflow:hidden}.shc2-usage-top-card .ant-card-body{gap:8px;min-height:204px;padding:16px 18px 12px;display:grid}.shc2-usage-top-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.shc2-usage-top1{border-top:3px solid var(--shc-warning)}.shc2-usage-top2{border-top:3px solid var(--shc-primary)}.shc2-usage-top3{border-top:3px solid var(--shc-success)}.shc2-usage-query-card .ant-card-body{padding:18px 20px 20px}.shc2-usage-chart-layout{grid-template-columns:180px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.shc2-usage-total-card{background:var(--shc-surface-soft);border:1px solid var(--shc-border-soft);border-radius:10px;align-content:center;gap:4px;min-height:360px;padding:18px;display:grid}.shc2-usage-main-chart,.shc2-usage-machine-chart{min-height:360px}.shc2-filter-group-card .ant-card-body{padding:0}.shc2-filter-group-card .desktop-table .ant-table{border-left:0;border-right:0}.shc2-action-code-list{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.shc2-action-code-list .ant-tag{text-overflow:ellipsis;max-width:100%;margin-inline-end:0;overflow:hidden}.placeholder-page{place-items:center;display:grid}.fun-section{background:var(--shc-surface-solid);border:1px solid var(--shc-border-soft);border-radius:10px;margin-top:14px;padding:16px}.fun-section-title{border-bottom:1px solid var(--shc-border-soft);margin-bottom:10px;padding-bottom:8px;font-weight:600}.fun-card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.fun-card{background:var(--shc-surface-solid);border:1px solid var(--shc-border-soft);min-height:72px;transition:background var(--ant-motion-duration-mid,.2s) var(--ant-motion-ease-in-out,ease), border-color var(--ant-motion-duration-mid,.2s) var(--ant-motion-ease-in-out,ease);border-radius:8px;margin-inline-start:0;padding:12px}.fun-card:hover{background:var(--shc-primary-subtle);border-color:var(--ant-color-primary-border,#91caff)}.fun-card-checked{background:var(--shc-primary-soft);border-color:var(--shc-primary)}.fun-card .ant-checkbox{align-self:flex-start;margin-top:1px}.fun-card .ant-checkbox+span{min-width:0;display:block}.fun-card-text{gap:4px;min-width:0;display:grid}.fun-card-name{color:var(--ant-color-text,#000000e0);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.fun-card-folder{color:var(--ant-color-text-tertiary,#00000073);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-data-card{background:var(--shc-surface-solid);border:1px solid var(--shc-border);box-shadow:var(--shc-shadow-soft);border-radius:10px;gap:12px;padding:14px;display:grid}.mobile-card-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.mobile-card-head>div{gap:2px;min-width:0;display:grid}.mobile-card-head .ant-typography{overflow-wrap:anywhere}.mobile-card-status{color:var(--ant-color-text-secondary,#000000a6);flex-wrap:wrap;gap:8px;display:flex}.mobile-card-status>span{background:var(--shc-surface-soft);border:1px solid var(--shc-border-soft);border-radius:8px;align-items:center;gap:4px;min-height:28px;padding:2px 8px;display:inline-flex}.mobile-card-memo{overflow-wrap:anywhere;display:block}.mobile-card-actions{flex-wrap:wrap;align-items:center;gap:8px;padding-top:2px;display:flex}@media (width<=1180px){.shell-header{flex-wrap:wrap;height:auto;min-height:60px;padding-block:8px}.shell-brand{width:auto}.shell-menu{flex-basis:100%;order:3}.shell-actions{margin-left:auto}.shell-metric{padding-inline:7px}}@media (width<=980px){.license-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-status-layout,.system-info-grid,.usage-summary-grid,.shc2-usage-top-grid,.shc2-usage-chart-layout{grid-template-columns:1fr}.shc2-usage-total-card{min-height:auto}.chart-toolbar .ant-picker,.chart-toolbar .ant-select{width:100%!important}}@media (width<=768px){.app-content{padding:10px}.page-panel{border-radius:10px;min-height:calc(100vh - 120px);padding:10px}.shell-header{gap:8px;padding-inline:12px}.shell-brand{max-width:calc(100vw - 156px)}.shell-brand span{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.shell-actions{display:contents}.shell-tools{order:1;margin-left:auto}.shell-metrics{scrollbar-width:none;order:2;width:100%;max-width:100%;overflow-x:auto}.shell-metrics::-webkit-scrollbar{display:none}.theme-toggle.ant-btn{min-width:56px}.user-entry.ant-btn{max-width:122px}.user-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.shell-menu.ant-menu-horizontal{white-space:nowrap;scrollbar-width:none;order:3;overflow:auto hidden}.shell-menu.ant-menu-horizontal::-webkit-scrollbar{display:none}.tabs-panel .ant-tabs-nav{overflow-x:auto}.search-bar,.filter-row{grid-template-columns:1fr;width:100%;display:grid}.search-bar>*,.filter-row>*,.toolbar-actions,.license-search-bar .ant-picker,.license-search-bar .ant-select,.license-search-bar .ant-input-affix-wrapper,.remote-log-search .ant-picker,.remote-log-search .ant-select,.remote-log-search .ant-input-affix-wrapper,.remote-log-search .ant-select-auto-complete,.shc2-usage-query-card .ant-picker,.shc2-usage-query-card .ant-select{width:100%!important}.toolbar-actions{grid-template-columns:1fr 1fr auto;margin-left:0;display:grid}.license-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.license-stat-card{padding:10px}.desktop-table{display:none}.mobile-card-list{gap:10px;display:grid}.license-form-grid,.fun-card-grid,.system-metrics-panel,.system-summary-strip{grid-template-columns:1fr}.system-summary-strip>div+div{border-top:1px solid var(--shc-border-soft);border-left:0}.remote-panel-head{flex-direction:column;align-items:stretch}.remote-panel-metrics{flex-wrap:wrap}.log-detail-modal .ant-modal{max-width:calc(100vw - 16px)}.chart-toolbar{grid-template-columns:auto 1fr;display:grid}.chart-toolbar .ant-typography,.chart-toolbar .ant-picker,.chart-toolbar .ant-select{grid-column:1/-1}.usage-summary-head{align-items:flex-start}.shc2-filter-group-card .ant-card-body{padding:12px}}@media (width<=520px){.license-stats-grid,.toolbar-actions{grid-template-columns:1fr}.shell-metric-text{display:none}.login-card .ant-card-body{padding:24px}}@media (width<=360px){.shell-tools{gap:6px}.theme-toggle.ant-btn,.user-entry.ant-btn{width:34px;min-width:34px;padding-inline:0}.theme-toggle-label,.user-name{display:none}}
