html,body,#root{width:100%;min-height:100%;margin:0;background:#f5f7fb}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.brand{height:58px;display:flex;align-items:center;padding-left:24px;font-size:20px;font-weight:700;color:#1677ff}.app-sider{background:#fff!important;border-right:1px solid #e5e7eb;box-shadow:1px 0 6px #0f172a0a}.app-sider .ant-layout-sider-trigger{background:#fff!important;color:#595959!important;border-top:1px solid #e5e7eb}.app-header{height:58px;display:flex;align-items:center;padding:0 20px;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 6px #0f172a0a}.header-inner{width:100%;justify-content:space-between;min-width:0}.header-title-group,.header-actions{min-width:0}.header-title{margin:0!important;white-space:nowrap}.header-username{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-menu-button{display:none}.app-content{padding:18px;overflow:auto;background:#f5f7fb}.page{display:flex;flex-direction:column;gap:14px}.page-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}.page-toolbar>.ant-space,.page-toolbar .ant-space-item{max-width:100%}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f5f7fb;position:relative;overflow:hidden}.login-card{width:min(380px,100%);position:relative;z-index:1;box-shadow:0 8px 28px #0f172a1f;border:1px solid #e5e7eb}.code-panel{font-family:Consolas,Monaco,monospace;white-space:pre-wrap;word-break:break-word;background:#111827;color:#e5e7eb;padding:12px;border-radius:6px}.event-summary{min-width:0;line-height:1.45}.event-evidence-cell{min-width:280px;line-height:1.45}.code-preview{margin-top:4px;max-width:720px;color:#475569;font-family:Consolas,Monaco,monospace;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.evidence-plain,.evidence-debug{margin:0;max-height:260px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,monospace;font-size:12px;line-height:1.5;border:1px solid #d9e2ef;border-radius:6px;padding:10px 12px}.evidence-plain{background:#f8fbff;color:#0f172a}.evidence-debug{background:#f7f7f7}.health-list .ant-list-item{margin-bottom:0!important}.health-item{min-height:76px;padding:12px;border:1px solid #eef0f4;border-radius:6px;background:#fbfcff}.health-desc{display:block;margin-top:8px;font-size:12px;line-height:1.45}.table-actions{display:flex;justify-content:flex-end;margin:-2px 0 12px}.servers-page{gap:10px}.servers-page .compact-stat-card .ant-card-body{padding:10px 12px}.servers-page .compact-stat-card .ant-statistic-title{margin-bottom:2px;font-size:12px}.servers-page .compact-stat-card .ant-statistic-content{font-size:22px;line-height:1.15}.server-status-card .ant-card-body{padding:10px 12px 12px}.server-status-card .ant-card-head{min-height:40px;padding:0 12px}.server-status-card .ant-card-head-title{padding:9px 0}.server-status-card .table-actions{margin:-2px 0 8px}.server-status-table .ant-table-thead>tr>th,.server-status-table .ant-table-tbody>tr>td{padding:6px 8px!important}.server-status-table .ant-table-cell{vertical-align:middle}.server-status-table .ant-tag{line-height:18px;margin-inline-end:0;padding-inline:6px}.server-status-table .ant-space{gap:4px!important}.server-status-table .ant-typography,.server-cell .ant-typography{line-height:1.2}.server-cell{max-width:100%}.trend-box{width:100%}.trend-legend{margin-bottom:12px}.trend-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.trend-scroll{display:grid;grid-template-columns:repeat(24,minmax(34px,1fr));align-items:end;gap:8px;overflow-x:auto;padding:8px 2px 2px;min-height:205px}.trend-hour{min-width:34px;display:flex;flex-direction:column;align-items:center;gap:8px}.trend-bars{height:155px;width:100%;display:flex;align-items:end;gap:3px;border-bottom:1px solid #d9d9d9}.trend-bar-wrap{flex:1;min-width:6px;display:flex;align-items:end;justify-content:center}.trend-bar{width:100%;min-height:0;border-radius:3px 3px 0 0}.trend-label{font-size:11px;color:#595959;white-space:nowrap}@media (max-width: 768px){html,body,#root{overflow-x:hidden}.app-content{padding:10px}.app-header{height:auto;min-height:54px;padding:0 12px}.header-inner{gap:8px}.header-title-group{flex:1;gap:8px!important;overflow:hidden}.header-title{max-width:48vw;overflow:hidden;text-overflow:ellipsis;font-size:16px!important;line-height:54px!important}.header-tag,.header-username{display:none}.header-actions{flex-shrink:0;gap:6px!important}.header-actions .ant-btn{width:34px;padding-inline:0}.header-actions .ant-btn>.ant-btn-icon+span{display:none}.mobile-menu-button{display:inline-flex;width:34px;padding-inline:0}.mobile-nav-drawer .ant-drawer-body{padding:0}.mobile-brand{height:auto;padding-left:0}.page{gap:10px}.page-toolbar{align-items:stretch;gap:8px}.page-toolbar,.page-toolbar>.ant-space{width:100%}.page-toolbar>.ant-space{display:flex}.page-toolbar .ant-space-item,.page-toolbar .ant-input-search,.page-toolbar .ant-select,.page-toolbar .ant-picker,.page-toolbar .ant-btn{width:100%!important}.page-toolbar>.ant-btn,.page-toolbar>.ant-space:last-child .ant-btn{min-height:34px}.table-actions{justify-content:stretch}.table-actions>.ant-space,.table-actions .ant-btn{width:100%}.ant-card{border-radius:6px}.ant-card-body{padding:12px!important}.ant-card-head{min-height:44px!important;padding:0 12px!important}.ant-card-head-title,.ant-card-extra{padding:10px 0!important}.ant-statistic-title{font-size:12px}.ant-statistic-content{font-size:22px!important}.ant-table-wrapper{width:100%;overflow-x:auto}.ant-table{font-size:12px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px 10px!important}.ant-table-pagination{margin:10px 0 0!important}.ant-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.ant-modal{max-width:calc(100vw - 20px);margin:10px auto}.ant-modal-body{max-height:calc(100vh - 150px);overflow:auto}.trend-scroll{grid-template-columns:repeat(24,34px);gap:6px}.trend-bars{height:130px}.code-panel{max-height:55vh;overflow:auto;font-size:12px}}@media (max-width: 420px){.header-title{max-width:42vw}.header-actions .ant-tag{display:none}.app-content{padding:8px}}
