.monitor-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#060b1e;background-image:radial-gradient(ellipse 120% 80% at 50% 0%,rgba(6,44,105,.35) 0%,transparent 60%),radial-gradient(ellipse 80% 60% at 80% 100%,rgba(0,80,160,.12) 0%,transparent 50%);color:#d0e4ff;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;display:flex;flex-direction:column;overflow:hidden;-webkit-user-select:none;user-select:none}.monitor-loading{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#060b1e;color:#4a9eff;font-size:16px}.monitor-header{flex-shrink:0;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(180deg,#0a1c46f2,#060b1ecc);border-bottom:1px solid rgba(74,158,255,.2);position:relative}.monitor-header:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(74,158,255,.6),rgba(0,212,255,.8),rgba(74,158,255,.6),transparent)}.header-left{display:flex;align-items:center;gap:16px}.header-right{display:flex;align-items:center;gap:20px}.header-title{margin:0;font-size:22px;font-weight:600;letter-spacing:4px;background:linear-gradient(135deg,#e0f0ff,#4a9eff,#00d4ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 30px rgba(74,158,255,.3)}.header-decoration{width:40px;height:2px;background:linear-gradient(90deg,rgba(74,158,255,.8),transparent);border-radius:1px}.header-time{font-size:14px;color:#a0c8ffcc;font-variant-numeric:tabular-nums;letter-spacing:1px}.header-btn{background:#4a9eff1a;border:1px solid rgba(74,158,255,.25);color:#4a9eff;font-size:16px;width:36px;height:36px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.header-btn:hover{background:#4a9eff33;border-color:#4a9eff80;box-shadow:0 0 12px #4a9eff4d}.monitor-kpi-row{flex-shrink:0;display:grid;grid-template-columns:repeat(8,1fr);gap:12px;padding:14px 24px}.kpi-card{background:linear-gradient(135deg,#0a193ce6,#060f28e6);border:1px solid rgba(74,158,255,.15);border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden;transition:all .3s}.kpi-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(74,158,255,.5),transparent)}.kpi-card:hover{border-color:#4a9eff66;box-shadow:0 0 20px #4a9eff1a,inset 0 0 20px #4a9eff08;transform:translateY(-2px)}.kpi-icon{font-size:24px;opacity:.9;flex-shrink:0}.kpi-content{flex:1;min-width:0}.kpi-value{display:flex;align-items:baseline;gap:4px}.kpi-number{font-size:20px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1.2}.kpi-suffix{font-size:11px;color:#a0c8ff99}.kpi-label{font-size:12px;color:#a0c8ffa6;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kpi-sub{font-size:11px;margin-top:1px}.kpi-sub.up{color:#52c41a}.kpi-sub.down{color:#ff4d4f}.monitor-charts-grid{flex:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr auto;gap:12px;padding:0 24px 16px;min-height:0}.chart-panel{background:linear-gradient(180deg,#0a193cd9,#060f28e6);border:1px solid rgba(74,158,255,.12);border-radius:8px;display:flex;flex-direction:column;overflow:hidden;position:relative}.chart-panel:before,.chart-panel:after{content:"";position:absolute;width:10px;height:10px;border-color:#4a9eff66;border-style:solid;z-index:1}.chart-panel:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-radius:8px 0 0}.chart-panel:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-radius:0 0 8px}.chart-span-2{grid-column:span 2}.chart-span-full{grid-column:1 / -1}.panel-header{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 16px 0}.panel-dot{width:8px;height:8px;border-radius:50%;background:#4a9eff;box-shadow:0 0 8px #4a9eff99;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:.6}50%{opacity:1}}.panel-title{font-size:13px;font-weight:500;color:#c8e1ffe6;letter-spacing:1px}.panel-body{flex:1;padding:8px;min-height:0}@media(max-width:1600px){.monitor-kpi-row{grid-template-columns:repeat(4,1fr)}.monitor-charts-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}.chart-span-2{grid-column:span 2}.chart-span-full{grid-column:1 / -1}}@media(max-width:1200px){.monitor-kpi-row{grid-template-columns:repeat(4,1fr)}.kpi-number{font-size:16px}.header-title{font-size:18px;letter-spacing:2px}}.monitor-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(74,158,255,.01) 3px,rgba(74,158,255,.01) 4px);pointer-events:none;z-index:0}.monitor-container>*{position:relative;z-index:1}.monitor-container ::-webkit-scrollbar{width:4px;height:4px}.monitor-container ::-webkit-scrollbar-thumb{background:#4a9eff4d;border-radius:2px}.monitor-container ::-webkit-scrollbar-track{background:transparent}.agent-create-modal .ant-modal-content{overflow:hidden;padding:0;border-radius:12px}.agent-create-modal__inner{display:flex;min-height:420px}.agent-create-modal__sidebar{width:220px;flex-shrink:0;padding:28px 24px;background:linear-gradient(155deg,#1677ff,#0f4a9e 60%,#08326e);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.agent-create-modal__sidebar:before{content:"";position:absolute;top:-50px;right:-50px;width:160px;height:160px;border-radius:50%;background:#ffffff0f;pointer-events:none}.agent-create-modal__sidebar:after{content:"";position:absolute;bottom:-60px;left:-30px;width:140px;height:140px;border-radius:50%;background:#ffffff0a;pointer-events:none}.agent-create-modal__sidebar-avatar{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:50%;background:#ffffff2e;display:flex;align-items:center;justify-content:center;color:#ffffffe6;animation:floatIn .4s ease-out both}.agent-create-modal__sidebar-title{font-size:16px;font-weight:600;color:#fff;margin:0 0 10px;line-height:1.4;animation:floatIn .4s .05s ease-out both}.agent-create-modal__sidebar-desc{font-size:13px;color:#ffffffbf;line-height:1.7;margin:0 0 24px;animation:floatIn .4s .1s ease-out both}.agent-create-modal__sidebar-tips{list-style:none;padding:0;margin:0;animation:floatIn .4s .15s ease-out both}.agent-create-modal__sidebar-tips li{display:flex;align-items:center;gap:10px;font-size:13px;color:#ffffffd9;padding:6px 0;line-height:1.5}.agent-create-modal__sidebar-tips li .dot{width:5px;height:5px;border-radius:50%;background:#ffffff8c;flex-shrink:0}.agent-create-modal__form-area{flex:1;padding:28px 28px 24px;display:flex;flex-direction:column;background:#fff;animation:slideIn .35s ease-out both}.agent-create-modal__form-header{margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid #f0f0f0}.agent-create-modal__form-step{font-size:15px;font-weight:600;color:#1a1a1a}.agent-create-modal__fields{flex:1;display:flex;flex-direction:column;gap:18px}.agent-create-modal__field{display:flex;flex-direction:column;gap:5px}.agent-create-modal__label{font-size:13px;font-weight:500;color:#374151;line-height:1.5}.agent-create-modal__label .required{color:#ef4444;margin-left:2px}.agent-create-modal__input-wrapper{display:flex;align-items:center;gap:10px}.agent-create-modal__input .ant-input-affix-wrapper,.agent-create-modal__input .ant-input{height:38px;border-radius:8px;font-size:14px;border-color:#e5e7eb;transition:border-color .2s,box-shadow .2s;padding-left:40px}.agent-create-modal__input .ant-input-affix-wrapper:hover,.agent-create-modal__input .ant-input:hover{border-color:#1677ff}.agent-create-modal__input .ant-input-affix-wrapper-focused,.agent-create-modal__input .ant-input-affix-wrapper:focus,.agent-create-modal__input .ant-input:focus,.agent-create-modal__input .ant-input-focused{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1a}.agent-create-modal__input .ant-input-prefix{margin-right:0;margin-left:0;left:12px}.agent-create-modal__input-icon{display:flex;align-items:center;color:#9ca3af}.agent-create-modal__input .ant-input-password-icon{color:#9ca3af}.agent-create-modal__input-number{border-radius:8px;font-size:14px;border-color:#e5e7eb;width:180px;flex-shrink:0}.agent-create-modal__input-number:hover{border-color:#1677ff}.agent-create-modal__input-number .ant-input-number-input-wrap{height:38px}.agent-create-modal__input-number .ant-input-number-input{height:38px;padding:0 12px;font-size:14px}.agent-create-modal__input-suffix-text{font-size:13px;color:#6b7280;white-space:nowrap;font-variant-numeric:tabular-nums}.agent-create-modal__field-hint{font-size:12px;color:#9ca3af;line-height:1.5;margin-top:2px}.agent-create-modal__footer{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid #f0f0f0}.agent-create-modal__btn-cancel{height:38px;border-radius:8px;font-size:14px;border-color:#e5e7eb;color:#6b7280;padding:0 20px}.agent-create-modal__btn-cancel:hover{border-color:#1677ff;color:#1677ff}.agent-create-modal__btn-submit{height:38px;border-radius:8px;font-size:14px;padding:0 24px;display:inline-flex;align-items:center}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}