.top-tabs .top-tab[data-v-0c74ded4]{justify-content:center;align-items:center;height:40px;line-height:1;display:inline-flex}.system-trigger[data-v-0c74ded4]{gap:5px}.system-trigger svg[data-v-0c74ded4],.account-button>svg[data-v-0c74ded4]{transition:transform .16s}.system-trigger svg.rotated[data-v-0c74ded4],.account-button>svg.rotated[data-v-0c74ded4]{transform:rotate(180deg)}.account-button[data-v-0c74ded4]{text-align:left}.account-button[data-v-0c74ded4]:hover{color:inherit}.nav-dropdown-menu[data-v-0c74ded4],.account-dropdown-menu[data-v-0c74ded4]{z-index:100;background:#fff;border:1px solid #e5eaf0;border-radius:8px;padding:7px;position:fixed;box-shadow:0 16px 36px #0f172a1f}.nav-dropdown-menu[data-v-0c74ded4]{width:190px}.nav-dropdown-title[data-v-0c74ded4]{color:#9aa7b5;letter-spacing:0;padding:8px 10px 7px;font-size:10px;font-weight:700}.nav-dropdown-item[data-v-0c74ded4],.account-dropdown-item[data-v-0c74ded4]{color:#536173;border-radius:7px;align-items:center;gap:9px;width:100%;padding:10px;font-size:12px;display:flex}.nav-dropdown-item[data-v-0c74ded4]:hover,.nav-dropdown-item.active[data-v-0c74ded4],.account-dropdown-item[data-v-0c74ded4]:hover:not(:disabled){color:#255bd0;background:#edf3ff}.account-dropdown-menu[data-v-0c74ded4]{width:210px}.account-dropdown-summary[data-v-0c74ded4]{border-bottom:1px solid #edf0f3;gap:3px;padding:9px 10px 11px;display:grid}.account-dropdown-summary strong[data-v-0c74ded4]{font-size:12px}.account-dropdown-summary span[data-v-0c74ded4]{color:#8a98a9;font-size:11px}.account-dropdown-item[data-v-0c74ded4]{color:#b54848;margin-top:5px}.account-dropdown-item[data-v-0c74ded4]:disabled{cursor:wait;opacity:.6}.permission-banner[data-v-0c74ded4]{color:#9d681d;background:#fff8e9;border:1px solid #f0d8a6;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:12px;display:flex}@media (width<=620px){.account-button[data-v-0c74ded4]{padding-left:8px}}:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;--ink:#182230;--muted:#708096;--line:#e5eaf0;--brand:#2f6fed;--brand-soft:#eaf1ff;--success:#19a873;--warning:#d88b16;--danger:#d95252;background:#f6f8fb;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f6f8fb;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}.app{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:20;background:#fffffff5;align-items:center;gap:28px;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:194px;display:flex}.brand-mark{color:#fff;letter-spacing:0;background:#2259d5;border-radius:8px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.brand-name{white-space:nowrap;font-size:16px;font-weight:750}.brand-sub{color:#94a3b8;margin-top:2px;font-size:10px}.top-tabs{flex:1;align-self:stretch;align-items:center;gap:4px;display:flex;overflow:auto}.top-tab{color:#657489;white-space:nowrap;border-radius:8px;height:40px;padding:0 14px;font-size:13px;transition:all .15s}.top-tab:hover{color:#25344a;background:#f1f5f9}.top-tab.active{color:#2355c7;background:#edf3ff;font-weight:650}.top-actions{align-items:center;gap:12px;display:flex}.search-box{border:1px solid var(--line);color:#94a3b8;background:#fbfcfe;border-radius:8px;align-items:center;gap:8px;width:220px;height:36px;padding:0 11px;display:flex}.search-box input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.icon-btn{border:1px solid var(--line);color:#64748b;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{color:var(--brand);background:#f8fafc}.account{border-left:1px solid var(--line);align-items:center;gap:9px;min-width:130px;padding-left:10px;display:flex}.avatar{color:#2455c9;background:#eaf1ff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.account-name{font-size:12px;font-weight:650}.account-role{color:#8a99ab;margin-top:2px;font-size:11px}.page{max-width:1480px;margin:0 auto;padding:28px 30px 48px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#97a4b3;margin-bottom:8px;font-size:11px}.page-title{letter-spacing:0;margin:0;font-size:25px;line-height:1.2}.page-desc{color:var(--muted);margin:8px 0 0;font-size:13px}.actions{align-items:center;gap:9px;display:flex}.btn{border:1px solid var(--line);color:#526175;background:#fff;border-radius:8px;align-items:center;gap:7px;height:36px;padding:0 14px;font-size:12px;font-weight:600;display:inline-flex}.btn:hover{background:#fbfcfe;border-color:#cbd6e3}.btn.primary{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 12px #2f6fed2e}.btn.primary:hover{background:#255bd0}.btn.ghost{background:0 0;border-color:#0000}.btn.danger{color:#c44949}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:112px;padding:18px 18px 16px}.metric-top{justify-content:space-between;align-items:center;display:flex}.metric-label{color:#7b8999;font-size:12px}.metric-icon{border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.metric-value{letter-spacing:0;margin-top:13px;font-size:28px;font-weight:760}.metric-foot{color:#8d9aac;align-items:center;gap:6px;margin-top:5px;font-size:11px;display:flex}.trend-up{color:#1d9c6a}.trend-neutral{color:#8b98a9}.grid-2{grid-template-columns:minmax(0,1.45fr) minmax(300px,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:11px;padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.panel-title{margin:0;font-size:14px;font-weight:700}.panel-sub{color:#8c9aab;margin:4px 0 0;font-size:11px}.link{color:#2f6fed;font-size:11px;font-weight:600}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;min-width:640px}.table th{color:#93a0af;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:0 12px 11px;font-size:11px;font-weight:600}.table td{color:#4c5a6c;white-space:nowrap;border-bottom:1px solid #f0f3f6;padding:14px 12px;font-size:12px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfe}.status{border-radius:99px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:650;display:inline-flex}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.status.success{color:#1a9969;background:#e9f8f1}.status.warning{color:#bd7917;background:#fff5e6}.status.info{color:#2c62d4;background:#eaf1ff}.status.danger{color:#cb5454;background:#ffeded}.status.muted{color:#8a97a7;background:#f1f4f7}.progress{background:#edf1f5;border-radius:10px;height:7px;overflow:hidden}.progress>span{background:var(--brand);border-radius:inherit;height:100%;display:block}.progress-label{color:#7c8a9b;justify-content:space-between;margin-bottom:7px;font-size:11px;display:flex}.activity-list{flex-direction:column;gap:15px;display:flex}.activity{gap:11px;display:flex}.activity-mark{color:#2f6fed;background:#f2f6ff;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.activity-title{color:#425166;font-size:12px}.activity-time{color:#98a4b2;margin-top:3px;font-size:11px}.filters{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:16px;display:flex}.input,.select{border:1px solid var(--line);color:#4c5a6c;background:#fff;border-radius:8px;outline:0;height:36px;padding:0 11px;font-size:12px}.input:focus,.select:focus{border-color:#8bb0f7;box-shadow:0 0 0 3px #eaf1ff}.split-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px;display:grid}.tree{flex-direction:column;gap:8px;display:flex}.tree-course{color:#334155;background:#f8fafc;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700}.tree-chapter{padding:0 12px}.tree-chapter-head{color:#536173;border-bottom:1px solid #f0f3f6;justify-content:space-between;padding:11px 0;font-size:12px;display:flex}.tree-section{color:#8290a0;justify-content:space-between;align-items:center;padding:9px 0 9px 16px;font-size:12px;display:flex}.tree-section.active{color:#245bd1;font-weight:650}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-bottom:18px;display:flex}.tab{color:#8a97a7;border-bottom:2px solid #0000;margin-right:15px;padding:0 5px 11px;font-size:12px}.tab.active{color:#255bd0;border-color:#255bd0;font-weight:700}.stat-line{border-bottom:1px solid #f0f3f6;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.stat-line:last-child{border-bottom:0}.timeline{padding-left:18px;position:relative}.timeline:before{content:"";background:#e3e9f0;width:1px;position:absolute;top:7px;bottom:7px;left:4px}.timeline-item{padding:0 0 18px 18px;position:relative}.timeline-item:before{content:"";background:#fff;border:2px solid #4e82ed;border-radius:50%;width:8px;height:8px;position:absolute;top:4px;left:-18px}.timeline-title{color:#445268;font-size:12px;font-weight:650}.timeline-desc{color:#8693a3;margin-top:4px;font-size:11px;line-height:1.5}.timeline-time{color:#adb7c3;margin-top:5px;font-size:10px}.agent-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.agent{border:1px solid var(--line);background:#fff;border-radius:9px;padding:15px}.agent-head{justify-content:space-between;align-items:center;display:flex}.agent-name{font-size:12px;font-weight:700}.agent-type{color:#8795a6;margin-top:8px;font-size:11px}.agent-foot{color:#9aa6b4;justify-content:space-between;margin-top:13px;font-size:10px;display:flex}.modal-backdrop{z-index:50;background:#0f172a59;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(500px,100%);padding:22px;box-shadow:0 24px 70px #0f172a2e}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{margin:0;font-size:16px;font-weight:750}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-field{flex-direction:column;gap:7px;display:flex}.form-field.full{grid-column:1/-1}.form-label{color:#708096;font-size:11px;font-weight:650}.modal-actions{justify-content:flex-end;gap:9px;margin-top:22px;display:flex}.callout{color:#4b6292;background:#f0f5ff;border:1px solid #dce8ff;border-radius:9px;align-items:flex-start;gap:12px;margin-bottom:16px;padding:14px 16px;font-size:12px;line-height:1.6;display:flex}.callout strong{color:#2d5fca}.role-card{border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:14px;padding:17px;display:flex}.role-avatar{color:#3466d2;background:#eef3ff;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.role-card h3{margin:0;font-size:13px}.role-card p{color:#8794a4;margin:6px 0 0;font-size:11px}.role-card ul{color:#657488;margin:10px 0 0;padding-left:16px;font-size:11px;line-height:1.8}.notice{color:#8b99aa;background:#f8fafc;border:1px dashed #d9e1ea;border-radius:8px;padding:11px 13px;font-size:11px}.section-gap{margin-top:16px}@media (width<=1080px){.topbar{gap:16px;padding:0 18px}.brand{min-width:auto}.brand-sub{display:none}.top-tabs{border-bottom:1px solid var(--line);background:#fff;order:3;height:46px;padding:0 18px;position:absolute;top:68px;left:0;right:0}.topbar{margin-bottom:46px}.page{padding:24px 18px 40px}.search-box{width:170px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.split-layout{grid-template-columns:1fr}.agent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.topbar{height:60px;margin-bottom:45px;padding:0 14px}.brand-name{font-size:14px}.search-box{display:none}.account{min-width:auto}.account-copy{display:none}.page{padding:20px 14px 32px}.page-head{flex-direction:column;align-items:flex-start;margin-bottom:18px}.page-title{font-size:22px}.actions{width:100%}.actions .btn.primary{margin-left:auto}.metrics{grid-template-columns:1fr 1fr;gap:9px}.metric{min-height:100px;padding:14px}.metric-value{font-size:23px}.panel{padding:15px}.grid-3,.agent-grid,.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}}
