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}.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}.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}}