html,body,#root{height:100%}html{background:#0d0f14}body{margin:0;background:#111217;overflow:hidden}.app-header{height:64px;background:#111217;padding:0 24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:100;border-bottom:1px solid rgba(148,163,184,.12)}.header-content{width:100%;text-align:center}.header-title{font-size:28px;color:#e5e7eb;font-weight:600}.app-layout{height:100vh}.app-main{display:flex;flex-direction:column}.app-content{flex:1;background:#111217;overflow:hidden}.app-sider{height:calc(100vh - 64px);background:#111217}.sider-logo{height:64px;display:flex;align-items:center;justify-content:center;color:#e5e7eb;font-size:18px;font-weight:600;margin-top:50px;border-bottom:1px solid rgba(148,163,184,.15)}.app-menu{margin-top:60px;background:#111217}.app-menu .ant-menu-item{height:56px;line-height:56px;margin:4px 8px;border-radius:10px;background:#14161d}.app-menu .ant-menu-item:hover{background:#1a1d25!important}.app-menu .ant-menu-item-selected{background:#20242d!important}.app-menu .ant-menu-title-content{font-size:15px}.app-menu .ant-menu-item .anticon{font-size:18px}.ops-nav-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;padding:10px 16px;border-bottom:1px solid #1f2230;flex-shrink:0}.ops-nav-grid .ops-nav-tile:nth-child(1),.ops-nav-grid .ops-nav-tile:nth-child(2),.ops-nav-grid .ops-nav-tile:nth-child(3){grid-column:span 2}.ops-nav-grid .ops-nav-tile:nth-child(4){grid-column:2 / span 2}.ops-nav-grid .ops-nav-tile:nth-child(5){grid-column:span 2}.ops-nav-tile{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:5px;padding:6px 8px;border-radius:6px;cursor:pointer;background:#14161d;border:1px solid #1f2230;transition:all .15s;-webkit-user-select:none;user-select:none}.ops-nav-tile:hover{background:#1a1d25;border-color:#2d3140}.ops-nav-tile.active{background:#132033;border-color:#3b82f6}.ops-nav-tile-icon{font-size:14px;color:#6b7280;transition:color .15s;display:flex}.ops-nav-tile.active .ops-nav-tile-icon{color:#3b82f6}.ops-nav-tile-label{font-size:12px;color:#9ca3af;font-weight:500;transition:color .15s;white-space:nowrap}.ops-nav-tile.active .ops-nav-tile-label{color:#e5e7eb}.ops-panel-scroll{height:calc(100vh - 302px);overflow-y:auto;overflow-x:hidden;padding:8px 12px 12px;scrollbar-width:thin;scrollbar-color:#2d3140 transparent}.ops-panel-scroll::-webkit-scrollbar{width:5px}.ops-panel-scroll::-webkit-scrollbar-track{background:transparent}.ops-panel-scroll::-webkit-scrollbar-thumb{background:#2d3140;border-radius:4px}.ops-panel-scroll::-webkit-scrollbar-thumb:hover{background:#3d4154}.ops-section-card{margin-bottom:6px;background:#14161d!important;border:1px solid #1f2230!important;border-radius:8px!important}.ops-section-card .ant-card-head{background:#14161d;border-bottom:1px solid #1f2230;min-height:auto;padding:0 12px}.ops-section-card .ant-card-body{padding:0}.ops-section-title{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 4px;transition:background .15s}.ops-section-title:hover{background:#3b82f60f}.ops-section-chevron{color:#3b82f6;font-size:10px;transition:transform .2s;width:14px;display:flex;justify-content:center}.ops-section-icon{color:#6b7280;font-size:14px;display:flex}.ops-section-label{color:#e5e7eb;font-size:13px;font-weight:600}.ops-section-body{padding:12px 16px 16px;border-top:1px solid #1f2230}.ops-section-body .ant-form-item{margin-bottom:14px}.ops-section-body .ant-form-item:last-child{margin-bottom:6px}.ops-section-body .ant-form-item-label>label{font-size:12px!important;color:#9ca3af!important}.ops-result-alert{margin-top:8px}.ops-tag-ping{font-size:10px;color:#22c55e;font-weight:600;margin-right:6px}.ops-trace-result{position:relative;padding:8px 10px;background:#1a1d25;border-radius:6px;border:1px solid #2d3140;margin-top:4px}.ops-tag-trace{position:absolute;top:-7px;right:8px;font-size:10px;color:#f97316;font-weight:600;background:#1a1d25;padding:0 6px}.ops-log-card{height:180px}.ops-log-card .ant-card-body{padding:6px!important;height:100%;overflow-y:auto}.ops-log-divider{margin:10px 0 8px!important;border-color:#1f2230!important}.ops-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}