:root{--color-primary: #1677ff;--color-stat-blue: #1677ff;--color-stat-purple: #722ed1;--color-stat-green: #52c41a;--color-stat-orange: #fa8c16;--color-stat-red: #ff4d4f;--color-bg-layout: #f0f2f5;--color-text-secondary: #6b7280;--card-shadow: 0 2px 8px rgba(0, 0, 0, .05);--content-gap: 20px}*{box-sizing:border-box}body{margin:0;background:var(--color-bg-layout);color:#1f2937}html,body,#root{height:100%}.app-shell{height:100vh;overflow:hidden}.app-sider{flex-shrink:0;height:100vh;overflow-x:hidden;overflow-y:auto;border-right:1px solid #e5e7eb;background:#fff!important}.app-main{display:flex;flex:1;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.app-main>.app-header{flex-shrink:0}.brand{display:flex;gap:12px;align-items:center;height:64px;padding:0 18px;border-bottom:1px solid #f0f0f0}.brand-mark{display:grid;width:36px;height:36px;place-items:center;color:#fff;font-weight:700;background:#1677ff;border-radius:8px;flex-shrink:0}.brand-subtitle{display:block;font-size:12px}.app-header{display:flex;justify-content:space-between;align-items:center;height:56px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb}.app-header-breadcrumb{min-width:0}.app-header-breadcrumb .ant-breadcrumb-link,.app-header-breadcrumb .ant-breadcrumb-separator{color:var(--color-text-secondary)}.app-header-breadcrumb .ant-breadcrumb li:last-child{color:#1f2937;font-weight:500}.app-header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.app-header-user{display:flex;align-items:center;gap:10px;padding-right:4px}.app-header-avatar.ant-avatar{flex-shrink:0;border:none;background:linear-gradient(180deg,#2b8cff,#0766e8)!important;font-size:14px;font-weight:600;line-height:32px}.app-header-user-text{display:flex;flex-direction:column;justify-content:center;gap:2px;line-height:1.2}.app-header-user-name{color:#1f2937;font-size:14px;font-weight:500}.app-header-user-role{color:var(--color-text-secondary);font-size:12px}.app-content{flex:1;min-width:0;min-height:0;padding:24px;overflow:auto;background:var(--color-bg-layout)}.page-stack{display:flex;flex-direction:column;gap:var(--content-gap);min-width:min-content}.page-toolbar{justify-content:flex-end;width:100%}.page-filter-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%}.table-action-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}.table-action-btn.ant-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding-inline:10px;font-size:13px;border-radius:6px;box-shadow:none}.table-action-btn.ant-btn-default{background:#fff;border-color:#d9d9d9;color:#374151}.table-action-btn.ant-btn-default:not(:disabled):hover{color:var(--color-primary);border-color:var(--color-primary);background:#fff}.table-action-btn.ant-btn-primary{box-shadow:none}.table-action-btn.ant-btn-dangerous.ant-btn-default{color:#cf1322;border-color:#ffa39e;background:#fff}.table-action-btn.ant-btn-dangerous.ant-btn-default:not(:disabled):hover{color:#fff;border-color:#ff4d4f;background:#ff4d4f}.ant-card{border:none!important;box-shadow:var(--card-shadow)}.ant-card .ant-card-head{border-bottom:1px solid #f0f0f0;min-height:48px}.ant-table-wrapper .ant-table{border-radius:8px}.ant-table-wrapper .ant-table-thead>tr>th{font-weight:500}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid #f5f5f5}.stat-card{display:flex;gap:16px;align-items:flex-start;height:100%}.stat-card-icon{display:grid;width:48px;height:48px;place-items:center;font-size:22px;border-radius:10px;flex-shrink:0}.stat-card-icon--blue{color:var(--color-stat-blue);background:#1677ff1a}.stat-card-icon--purple{color:var(--color-stat-purple);background:#722ed11a}.stat-card-icon--green{color:var(--color-stat-green);background:#52c41a1a}.stat-card-icon--orange{color:var(--color-stat-orange);background:#fa8c161a}.stat-card-icon--red{color:var(--color-stat-red);background:#ff4d4f1a}.stat-card-body{min-width:0;flex:1}.stat-card-title{color:var(--color-text-secondary);font-size:14px;line-height:1.4}.stat-card-value-row{display:flex;align-items:baseline;gap:4px;margin-top:4px}.stat-card-value{color:#1f2937;font-size:28px;font-weight:600;line-height:1.2}.stat-card-unit{color:#1f2937;font-size:14px;font-weight:500}.stat-card-description{margin-top:6px;color:#9ca3af;font-size:12px;line-height:1.4}.section-card .ant-card-head-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}.section-card-icon{display:grid;width:28px;height:28px;place-items:center;color:var(--color-primary);font-size:15px;background:#1677ff14;border-radius:6px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;font-size:12px;line-height:20px;border-radius:999px}.status-tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-tag--green{color:#389e0d;background:#f6ffed}.status-tag--green .status-tag-dot{background:#52c41a}.status-tag--red{color:#cf1322;background:#fff1f0}.status-tag--red .status-tag-dot{background:#ff4d4f}.status-tag--blue{color:#0958d9;background:#e6f4ff}.status-tag--blue .status-tag-dot{background:#1677ff}.status-tag--orange{color:#d46b08;background:#fff7e6}.status-tag--orange .status-tag-dot{background:#fa8c16}.status-tag--purple{color:#531dab;background:#f9f0ff}.status-tag--purple .status-tag-dot{background:#722ed1}.status-tag--default{color:#595959;background:#f5f5f5}.status-tag--default .status-tag-dot{background:#8c8c8c}.login-page{position:relative;display:flex;min-height:100vh;align-items:center;justify-content:center;overflow:hidden;padding:48px;background:radial-gradient(circle at 18% 22%,rgba(22,119,255,.12),transparent 28%),radial-gradient(circle at 82% 18%,rgba(80,148,255,.1),transparent 26%),linear-gradient(135deg,#f7fbff,#eef5ff 48%,#f8fbff)}.login-page:before,.login-page:after{position:absolute;content:"";border-radius:999px;background:#1677ff14;filter:blur(2px)}.login-page:before{top:19%;left:9%;width:10px;height:10px;box-shadow:84px 210px #1677ff42,178px 132px #1677ff24,435px 248px #1677ff2e}.login-page:after{right:12%;bottom:18%;width:220px;height:220px;background:#1677ff12;filter:blur(80px)}.login-shell{position:relative;z-index:1;display:grid;width:min(1180px,100%);grid-template-columns:minmax(0,1.15fr) 492px;gap:clamp(48px,7vw,112px);align-items:center}.login-hero{min-width:0}.login-brand{display:flex;gap:22px;align-items:center;margin-bottom:62px}.login-brand-mark{display:grid;width:64px;min-width:64px;height:64px;min-height:64px;place-items:center;color:#fff;font-size:34px;font-weight:800;line-height:1;background:linear-gradient(180deg,#2b8cff,#0766e8);border-radius:8px;box-shadow:0 12px 30px #1677ff3d}.login-brand h1,.login-card h2,.login-brand p,.login-card p{margin:0}.login-brand h1{color:#111827;font-size:30px;font-weight:800;line-height:1.25}.login-brand p{margin-top:12px;color:#64748b;font-size:17px;font-weight:500}.login-visual{position:relative;width:min(560px,100%);height:390px;margin-left:24px;overflow:visible}.login-visual:before{position:absolute;right:20px;bottom:26px;left:12px;height:132px;content:"";background:radial-gradient(ellipse at center,rgba(22,119,255,.1),transparent 64%),linear-gradient(180deg,#ffffff8a,#6ca7f914);border:1px solid rgba(82,145,238,.11);border-radius:50%;box-shadow:0 28px 60px #1677ff14}.login-visual:after{position:absolute;top:36px;right:18px;bottom:28px;left:0;content:"";background:linear-gradient(90deg,rgba(22,119,255,.05) 1px,transparent 1px),linear-gradient(rgba(22,119,255,.05) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,#000 0%,transparent 70%)}.login-visual-orbit{position:absolute;right:12px;bottom:22px;left:0;height:142px;border:1px solid rgba(22,119,255,.24);border-top-color:#1677ff14;border-radius:50%;transform:rotate(-5deg)}.login-visual-orbit-two{right:74px;bottom:48px;left:74px;height:82px;border-color:#1677ff21;border-right-color:#1677ff4d;transform:rotate(8deg)}.login-visual-node{position:absolute;z-index:2;width:12px;height:12px;background:linear-gradient(180deg,#68a6fff2,#1677ffb8);border:2px solid rgba(255,255,255,.84);border-radius:50%;box-shadow:0 8px 18px #1677ff33}.login-visual-node-one{bottom:82px;left:56px}.login-visual-node-two{right:34px;bottom:108px;width:10px;height:10px;opacity:.72}.login-visual-node-three{right:142px;bottom:22px;width:9px;height:9px;opacity:.58}.login-visual-dashboard{position:absolute;z-index:1;top:58px;left:84px;width:278px;height:198px;overflow:hidden;background:linear-gradient(180deg,#ffffffd1,#f1f7ff8a),linear-gradient(135deg,rgba(22,119,255,.14),transparent 44%);border:1px solid rgba(120,173,249,.22);border-radius:14px;box-shadow:0 24px 50px #1677ff1f,inset 0 1px #fffc;transform:perspective(880px) rotateY(-17deg) rotateX(4deg)}.login-visual-dashboard:before{position:absolute;inset:0 0 auto;height:40px;content:"";background:linear-gradient(90deg,#63a7ff,#1576f4)}.login-visual-window-dot{position:relative;z-index:1;display:inline-block;width:7px;height:7px;margin-top:17px;margin-left:14px;background:#ffffffc7;border-radius:50%}.login-visual-window-dot+.login-visual-window-dot{margin-left:6px}.login-visual-chart{position:absolute;top:64px;left:22px;width:140px;height:86px;background:linear-gradient(rgba(22,119,255,.08) 1px,transparent 1px) 0 0 / 100% 22px,#ffffff6b;border:1px solid rgba(22,119,255,.08);border-radius:9px}.login-visual-chart:before{position:absolute;right:18px;bottom:24px;left:20px;height:42px;content:"";border-bottom:3px solid rgba(22,119,255,.66);border-left:3px solid rgba(22,119,255,.66);border-radius:0 0 0 6px;transform:skew(-28deg)}.login-visual-chart span{position:absolute;width:7px;height:7px;background:#4b93fb;border:2px solid #eaf3ff;border-radius:50%}.login-visual-chart span:nth-child(1){bottom:24px;left:20px}.login-visual-chart span:nth-child(2){bottom:46px;left:48px}.login-visual-chart span:nth-child(3){right:42px;bottom:38px}.login-visual-chart span:nth-child(4){right:18px;bottom:58px}.login-visual-metrics{position:absolute;top:66px;right:24px;display:grid;width:66px;gap:10px}.login-visual-metrics:before{display:block;width:58px;height:58px;content:"";background:conic-gradient(#1677ff 0,#1677ff 72%,#d9e8ffe6 72%,#d9e8ffe6);border:12px solid rgba(239,246,255,.92);border-radius:50%}.login-visual-metrics span{display:block;height:6px;background:#7eabee42;border-radius:999px}.login-visual-metrics span:nth-child(2){width:46px}.login-visual-metrics span:nth-child(3){width:34px}.login-visual-shield{position:absolute;z-index:3;right:94px;bottom:88px;display:grid;width:112px;height:128px;place-items:center;color:#fff;font-size:42px;background:linear-gradient(160deg,#8bbefff2,#1677ffe6 58%,#0d5fdef5),#1677ff;border:7px solid rgba(211,230,255,.78);border-radius:38px 38px 48px 48px;box-shadow:0 22px 42px #1677ff33,inset 0 12px 26px #fff3}.login-card{width:100%;padding:58px 44px 40px;background:#ffffffe6;border:1px solid rgba(203,213,225,.72);border-radius:14px;box-shadow:0 24px 58px #1e40781f,0 2px 10px #1e40780f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.login-card h2{color:#111827;font-size:28px;font-weight:800;line-height:1.2}.login-card-subtitle{margin-top:12px!important;margin-bottom:38px!important;color:#667085;font-size:16px}.login-card .ant-form-item{margin-bottom:28px}.login-card .ant-form-item-label{padding-bottom:10px}.login-card .ant-form-item-label>label{height:auto;color:#111827;font-size:15px;font-weight:600}.login-card .ant-input-affix-wrapper{height:46px;padding:0 14px;background:#fffc;border-color:#d6dde8;border-radius:8px;box-shadow:0 1px 2px #10182808}.login-card .ant-input-affix-wrapper:hover,.login-card .ant-input-affix-wrapper-focused{border-color:#1677ff;box-shadow:0 0 0 3px #1677ff1f}.login-card .ant-input-prefix{margin-right:10px;color:#667085}.login-account-hint{margin-top:-12px!important;margin-bottom:26px!important;color:#667085;font-size:14px}.login-submit{height:46px;font-size:16px;font-weight:600;background:linear-gradient(180deg,#1782ff,#0768eb);border:0;border-radius:8px;box-shadow:0 10px 22px #1677ff3d}.login-submit:hover,.login-submit:focus-visible{background:linear-gradient(180deg,#2b8dff,#0b6ff2)!important}.login-browser-tip{margin-top:32px!important;color:#8a95a6;font-size:14px;text-align:center}.login-icp-footer{position:absolute;right:0;bottom:24px;left:0;z-index:1;margin:0;color:#8a95a6;font-size:13px;text-align:center}.login-icp-footer a{color:inherit;text-decoration:none}.login-icp-footer a:hover{color:#1677ff}.form-column{width:250px}.supervision-config-panel{display:flex;width:100%;flex-direction:column;gap:16px}.supervision-config-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;background:linear-gradient(135deg,#f8fbff,#eef6ff);border:1px solid #dbeafe;border-radius:12px}.supervision-config-toolbar h3,.supervision-config-toolbar p{margin:0}.supervision-config-toolbar h3{color:#111827;font-size:16px;font-weight:600}.supervision-config-toolbar p{margin-top:4px;color:var(--color-text-secondary);font-size:13px}.supervision-config-fields{display:flex;width:100%;flex-direction:column;gap:16px}.config-section-card{padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0f172a0a}.config-section-header{margin-bottom:18px}.config-section-header .ant-typography{margin:0}.config-section-header .ant-typography+.ant-typography{display:block;margin-top:6px;font-size:13px}.config-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.config-form-column{min-width:0}.config-form-column .ant-form-item:last-child{margin-bottom:0}.config-channel-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.config-channel-row{display:flex;align-items:flex-end;gap:12px;min-width:0;padding:12px;background:#f9fafb;border:1px solid #eef2f7;border-radius:10px}.config-channel-field.ant-form-item{flex:1;min-width:0;margin-bottom:0}.config-channel-meta{display:flex;flex-shrink:0;align-items:center;min-height:32px;gap:8px}@media(max-width:960px){.login-page{padding:32px 20px}.login-shell{max-width:520px;grid-template-columns:1fr;gap:28px}.login-brand{margin-bottom:28px}.login-brand h1{font-size:24px}.login-brand p{font-size:15px}.login-visual{display:none}.login-card{padding:38px 28px 32px}.supervision-config-toolbar{align-items:flex-start;flex-direction:column}.config-form-grid,.config-channel-list{grid-template-columns:1fr}.config-channel-row{align-items:stretch;flex-direction:column}}