:root{--brand-gradient: linear-gradient(135deg, #70dfd2, #648cfb);--sidebar-bg: #101c32;--sidebar-text: #d3deed;--sidebar-muted: #7c91ac;--nav-hover: #273b59;--nav-active-line: #65ded2;--primary: #315ee9;--accent-2: #1d4fd0;--accent: #65ded2;--link: #3869c9;--bg: #f5f7fb;--card: #ffffff;--card-border: #e6ebf2;--text: #17243a;--text-strong: #1a2a42;--text-muted: #7c8ba0;--text-faint: #8090a5;--panel-2: #eef2f8;--on-accent: #ffffff;--hero-gradient: linear-gradient(110deg, #183e74, #245a83 58%, #347f8f);--green-bg: #def8ef;--green-fg: #13836e;--amber-bg: #fff2d6;--amber-fg: #a06b0c;--red-bg: #ffe9e8;--red-fg: #bd4b46;--blue-bg: #e9efff;--blue-fg: #4468c2;--radius-card: 19px;--radius-btn: 10px;--radius-pill: 99px;--shadow-card: 0 6px 24px #1d365506;--font: "Inter", "PingFang SC", "Microsoft YaHei", sans-serif;--topbar-h: 82px}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}.card,.btn,.tab,.nav,.employee,.formfield input,.formfield textarea,.formfield select,.topbar,.pill,.chat,.empty,.modal,.toolrow,.listrow,.banner,.note,.circle,.theme-picker select{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,filter .18s ease}.card.hoverable:hover{border-color:#c3d2ea;box-shadow:0 10px 28px #1d365510;transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.app{display:flex;min-height:100vh}.sidebar{width:264px;background:var(--card);color:var(--text);padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;border-right:1px solid var(--card-border)}.brand{display:flex;align-items:center;gap:12px;padding:6px 8px 20px;margin-bottom:6px;color:var(--text);border-bottom:1px solid var(--card-border)}.brand .brand-name{font-weight:800;font-size:17px;letter-spacing:.2px;background:linear-gradient(90deg,var(--primary),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.logo{width:40px;height:40px;border-radius:12px;background:#0f1b30;display:grid;place-items:center;overflow:hidden;padding:7px;flex-shrink:0;box-shadow:0 4px 14px #0000004d}.logo img{width:100%;height:100%;object-fit:contain}.side-caption{font-size:10px;color:var(--text-muted);letter-spacing:2.5px;text-transform:uppercase;font-weight:600;padding:14px 12px 8px}.nav{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:transparent;color:var(--text-muted);padding:10px 12px;border-radius:10px;width:100%;font-size:14px;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.nav:hover{color:var(--text);background:var(--panel-2)}.nav.active{color:var(--primary);font-weight:700;background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 18%,transparent),color-mix(in srgb,var(--primary) 6%,transparent));border-color:color-mix(in srgb,var(--primary) 45%,transparent)}.nav.active svg{color:var(--primary)}.nav-label{font-size:11px;letter-spacing:1.2px;color:var(--text-muted);text-transform:uppercase;margin:14px 6px 2px;font-weight:700}.nav-label:first-child{margin-top:0}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--card-border);padding-top:16px}.user-card{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:var(--panel-2);border:1px solid var(--card-border)}.switch{display:flex;gap:5px;background:#27354b;border-radius:12px;padding:4px}.switch button{border:0;background:none;color:#afc0d5;padding:9px 11px;flex:1;border-radius:9px}.switch button.chosen{background:#fff;color:#162943;font-weight:700}.mobile-menu-btn{display:none;border:1px solid var(--card-border);background:var(--panel-2);color:var(--text);border-radius:9px;padding:8px;align-items:center;justify-content:center}.mobile-overlay{display:none}.main{flex:1;min-width:0}.topbar{height:var(--topbar-h);padding:0 40px;background:var(--card);border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;gap:16px}.crumb{color:var(--text-muted);font-size:13px}.crumb strong{display:block;color:var(--text-strong);font-size:20px;margin-top:4px}.identity{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text-muted)}.theme-picker select{width:auto;max-width:180px;font-size:12px;min-height:40px;padding:8px 30px 8px 12px;border:1px solid var(--card-border);border-radius:10px;background:var(--card);color:var(--text);cursor:pointer;outline-color:#557fe6}.avatar{width:38px;height:38px;border-radius:50%;background:#d9e8ff;color:#355db5;display:grid;place-items:center;font-weight:800}.content{padding:32px 40px 60px;max-width:1480px;margin:auto}.eyebrow{color:#577cba;font-size:12px;font-weight:800;letter-spacing:1.4px}.page-title{font-size:28px;letter-spacing:-.6px;margin:9px 0 8px}.muted{color:var(--text-muted)}.subtitle{margin:0 0 27px;color:#73849b;font-size:14px}.grid{display:grid;gap:18px}.cols3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-card);padding:23px;box-shadow:var(--shadow-card)}.card h3{margin:0 0 12px;font-size:17px}.card p{line-height:1.7}.hero{background:var(--hero-gradient);border-radius:23px;color:#fff;padding:32px 35px;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px;overflow:hidden}.hero h2{font-size:27px;margin:8px 0}.hero p{max-width:530px;color:#dceaf7;line-height:1.75;margin:8px 0 20px}.hero .orb{border:1px solid #ffffff40;width:170px;height:170px;border-radius:50%;display:grid;place-items:center;font-size:64px;background:#ffffff12;box-shadow:0 0 0 32px #ffffff09}.btn{border:0;border-radius:var(--radius-btn);padding:11px 17px;font-weight:700;font-size:14px;background:linear-gradient(90deg,var(--primary),var(--accent-2));color:var(--on-accent, #fff);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn:hover{filter:brightness(.95)}.btn.light{background:#fff;color:#19446b}.btn.ghost{background:var(--panel-2);border:1px solid var(--card-border);color:var(--text)}.btn.outline{background:#fff;border:1px solid #d7e1ee;color:#355171}.btn.warn{background:#fff3db;color:#a76b07}.btn.sm{min-height:38px;padding:8px 14px;font-size:14px}.link{border:0;background:none;color:var(--link);font-weight:700;font-size:13px;display:inline-flex;align-items:center;gap:2px;text-decoration:none;transition:color .16s ease,gap .16s ease}.link:hover{color:var(--primary);gap:5px}.metric{display:flex;align-items:center;justify-content:space-between}.metric b{font-size:30px;color:#203759}.metric span{font-size:12px;color:var(--text-faint)}.sectionline{display:flex;justify-content:space-between;align-items:center;margin:29px 0 15px}.sectionline h2{margin:0;font-size:19px}.pill{display:inline-block;border-radius:var(--radius-pill);padding:5px 10px;font-size:11px;font-weight:750;background:var(--panel-2);color:var(--text-muted)}.pill.green{background:var(--green-bg);color:var(--green-fg)}.pill.amber{background:var(--amber-bg);color:var(--amber-fg)}.pill.red{background:var(--red-bg);color:var(--red-fg)}.pill.blue{background:var(--blue-bg);color:var(--blue-fg)}.project{display:flex;flex-direction:column;gap:12px}.project .thumb{height:116px;border-radius:13px;background:linear-gradient(135deg,#d1ebed,#bed8f8);display:grid;place-items:center;font-size:52px}.project h3{margin:0}.progress{height:7px;border-radius:20px;background:var(--panel-2);overflow:hidden}.progress>i{display:block;height:100%;background:linear-gradient(90deg,#49c5bd,#5b8bef);border-radius:20px}.listrow{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid var(--card-border)}.listrow:first-child{border-top:0}.listrow .grow{flex:1}.listrow strong{display:block;font-size:14px}.listrow small{color:#8a99aa;font-size:12px}.circle{width:38px;height:38px;border-radius:12px;background:var(--panel-2);display:grid;place-items:center;font-size:19px}.timeline{display:flex;gap:0;margin:22px 0}.stage{flex:1;text-align:center;position:relative}.stage:before{content:"";height:3px;position:absolute;top:16px;left:0;right:0;background:#dce5f0}.stage:first-child:before{left:50%}.stage:last-child:before{right:50%}.stage b{position:relative;width:34px;height:34px;display:grid;place-items:center;background:#e5ebf4;color:#8294ac;border-radius:50%;margin:auto auto 10px}.stage.done b{background:#3bc0a9;color:#fff}.stage.current b{background:#436be5;color:#fff;box-shadow:0 0 0 5px #e5edff}.stage small{font-size:12px;color:var(--text-muted)}.formfield{display:block;margin:14px 0}.formfield span{display:block;font-size:12px;color:#6f829a;font-weight:700;margin-bottom:8px}.formfield input,.formfield textarea,.formfield select{width:100%;border:1px solid var(--card-border);border-radius:11px;background:var(--card);padding:12px;color:var(--text);outline-color:#557fe6}.formfield textarea{min-height:105px;resize:vertical}.split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,1fr);gap:20px}.employee{padding:19px;border:1px solid var(--card-border);border-radius:16px;background:var(--card);cursor:pointer;text-align:left}.employee:hover{border-color:#7198ea}.employee.selected{background:#edf4ff;border-color:#6685dc}.employee .face{font-size:27px;margin-bottom:9px}.employee strong{display:block}.employee small{color:#8191a8}.chat{min-height:185px;background:var(--panel-2);border:1px solid var(--card-border);padding:18px;border-radius:13px;line-height:1.8;color:var(--text-muted);font-size:14px}.result{margin-top:15px;padding:17px;background:#f0f8f6;border:1px solid #c9e7dd;border-radius:12px;font-size:14px;line-height:1.8}.markdown{line-height:1.75;font-size:14px;color:var(--text);word-break:break-word}.markdown p{margin:8px 0}.markdown h1,.markdown h2,.markdown h3,.markdown h4{color:var(--primary);margin:16px 0 8px;font-weight:700}.markdown h1{font-size:20px}.markdown h2{font-size:18px}.markdown h3{font-size:16px}.markdown strong{color:var(--primary);font-weight:700}.markdown em{color:var(--text-muted)}.markdown ul,.markdown ol{margin:8px 0;padding-left:22px}.markdown li{margin:4px 0}.markdown li::marker{color:var(--primary)}.markdown code{background:var(--panel-2);padding:2px 6px;border-radius:6px;font-size:13px;font-family:SF Mono,Consolas,monospace;color:var(--primary)}.markdown pre{background:var(--panel-2);padding:14px;border-radius:10px;overflow-x:auto}.markdown pre code{background:transparent;padding:0;color:var(--text)}.markdown blockquote{margin:8px 0;padding:8px 14px;border-left:3px solid var(--primary);background:var(--panel-2);border-radius:0 8px 8px 0;color:var(--text-muted)}.markdown a{color:var(--link)}.markdown hr{border:none;border-top:1px solid var(--card-border);margin:14px 0}.markdown table{border-collapse:collapse;margin:8px 0;width:100%}.markdown th,.markdown td{border:1px solid var(--card-border);padding:8px 12px;text-align:left}.markdown th{background:var(--panel-2);color:var(--primary)}.toolrow{display:grid;grid-template-columns:1.25fr 1fr 1fr 1.2fr auto;align-items:center;gap:14px;padding:17px 0;border-bottom:1px solid var(--card-border);font-size:13px}.toolrow:last-child{border-bottom:0}.toolrow b{display:block}.toolrow small{display:block;color:#8394a8;margin-top:4px}.actions{display:flex;gap:7px;flex-wrap:wrap}.note{background:#fff8e8;border:1px solid #f1dbab;border-radius:13px;padding:16px;color:#896925;line-height:1.65;font-size:13px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--text-muted);font-weight:600;padding:14px 10px;border-bottom:1px solid var(--card-border)}.table td{padding:16px 10px;border-bottom:1px solid var(--card-border)}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1b30a6;display:grid;place-items:center;z-index:10;padding:18px}.modal{background:var(--card);border-radius:20px;padding:26px;max-width:520px;width:100%;box-shadow:0 25px 80px #0004}.modal h3{margin:0 0 12px}.modal p{color:#63758d;line-height:1.7}.toast{position:fixed;right:22px;bottom:22px;background:#223a57;color:#fff;padding:13px 18px;border-radius:12px;box-shadow:0 12px 30px #0002;font-size:13px;z-index:20}.demo{background:#e8f3ff;color:#4270a3;padding:6px 10px;border-radius:8px;font-size:11px}.empty{padding:35px;text-align:center;color:var(--text-muted);border:1px dashed var(--card-border);border-radius:13px}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}.tab{border:1px solid var(--card-border);border-radius:10px;padding:9px 14px;background:var(--card);color:var(--text-muted)}.tab.active{background:var(--primary);color:var(--on-accent, #fff);border-color:var(--primary)}.banner{margin-bottom:18px;padding:12px 16px;border-radius:12px;background:#eaf6f4;color:#36766e;font-size:13px}.fake-art{height:190px;border-radius:12px;display:grid;place-items:center;background:radial-gradient(circle at 25% 30%,#e0f5cf 0 13%,transparent 14%),linear-gradient(130deg,#bddbfe,#e0d7fd 52%,#b9eddd);font-size:60px}.step{display:flex;gap:10px;margin:12px 0;color:#65788e;font-size:13px}.step .num{background:#e9f0fc;border-radius:50%;width:23px;height:23px;flex-shrink:0;display:grid;place-items:center;color:#3a65b7;font-weight:700}.art-result{height:190px;border-radius:12px;display:grid;place-items:center;overflow:hidden;background:#eef2f8}.art-result img{width:100%;height:100%;object-fit:cover}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:var(--bg)}.auth-brand{background:linear-gradient(150deg,#183e74,#245a83 55%,#2f7f8f);color:#fff;padding:64px;display:flex;flex-direction:column;justify-content:center;gap:22px}.auth-brand .brand{padding:0;margin:0}.auth-brand h2{font-size:34px;letter-spacing:-.8px;margin:8px 0 0}.auth-brand p{color:#dceaf7;line-height:1.8;max-width:460px;margin:0}.auth-feature{display:flex;align-items:center;gap:12px;color:#e7f0f9;font-size:14px}.auth-feature svg{flex-shrink:0;color:#7fe0d4}.auth-panel{display:grid;place-items:center;padding:32px;background:var(--bg)}.auth-card{width:100%;max-width:400px}.auth-card h1{font-size:24px;margin:0 0 6px}@media (max-width: 820px){.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}}@media (max-width: 1050px){.sidebar{width:208px}.content{padding:25px}.topbar{padding:0 25px}.cols3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.app{display:block}.sidebar{position:fixed;z-index:5;transform:translate(-110%);width:260px;transition:transform .22s ease}.sidebar.open{transform:none}.mobile-menu-btn{display:inline-flex}.mobile-overlay.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0005;z-index:4}.topbar{padding:0 14px;height:60px;gap:8px}.crumb-path{display:none}.crumb strong{font-size:16px;margin-top:0;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity{gap:6px}.identity .demo,.identity .identity-text{display:none}.identity .avatar{width:32px;height:32px;font-size:13px}.theme-picker select{max-width:78px;min-height:34px;padding:6px 8px;font-size:11px}.content{padding:20px 15px 42px}.hero{padding:23px}.hero .orb{display:none}.cols3,.cols2,.split{grid-template-columns:1fr}.page-title{font-size:24px}.card{padding:18px}.toolrow{grid-template-columns:1fr 1fr}.toolrow .actions{grid-column:1/-1}}