:root{--green:#0bb889;--deep:#082f2a;--ink:#17282d;--muted:#748b90;--line:#dce7e5;--bg:#f3f7f7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Arial,"Microsoft YaHei",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}header{height:72px;background:var(--deep);color:white;display:flex;align-items:center;padding:0 22px;gap:28px;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;white-space:nowrap}.brand>b{display:grid;place-items:center;width:38px;height:38px;background:var(--green);border-radius:11px}nav{display:flex;height:100%;align-items:stretch;flex:1;justify-content:center}nav button{border:0;background:none;color:#8fb0aa;padding:0 18px;border-bottom:3px solid transparent}nav button.active{color:white;border-color:#25d3a3}.online{color:#8ee3cc;white-space:nowrap}.customer-layout{display:grid;grid-template-columns:290px minmax(650px,1fr) 330px;gap:16px;padding:16px;max-width:1800px;margin:auto}.left,.center,.right{display:flex;flex-direction:column;gap:14px}.search{display:flex;background:white;border:1px solid var(--line);padding:8px;border-radius:12px}.search input{border:0;outline:0;min-width:0;flex:1}.search button,.summary button,.pagehead button,#modal form button,.compose button,.next button,.actions button{border:0;background:var(--green);color:white;border-radius:9px;padding:10px 13px}.customer{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;text-align:left;border:1px solid var(--line);background:white;border-radius:14px;padding:14px;margin-bottom:10px}.customer.selected{border:2px solid var(--green)}.avatar{width:42px;height:42px;display:grid;place-items:center;background:var(--green);color:white;border-radius:11px;font-weight:bold}.avatar.big{width:60px;height:60px;font-size:24px}.customer span:nth-child(2) small,.customer span:nth-child(2) em{display:block;color:var(--muted);margin-top:5px;font-style:normal;font-size:12px}.customer>strong{color:#078563;font-size:19px}.customer>strong small{display:block;font-size:10px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:19px}.card h2{font-size:16px;margin:0 0 16px;border-left:4px solid var(--green);padding-left:10px}.summary{display:flex;align-items:center;gap:14px}.summary>div{flex:1}.summary h1{margin:0}.summary h1 em{font-size:11px;background:#fff1d6;color:#b96c12;padding:5px 8px;border-radius:10px;font-style:normal}.summary p{color:var(--muted)}.chips{display:flex;gap:6px}.chips span{background:#e8f8f2;color:#087e60;border-radius:10px;padding:5px 8px;font-size:11px}.two{display:grid;grid-template-columns:42% 58%;gap:14px}.portrait h3{text-align:center;color:#078563;font-size:22px;margin:8px}.portrait>p{text-align:center;color:var(--muted)}.archive dl{display:grid;grid-template-columns:80px 1fr;gap:12px;margin:0}.archive dt{color:var(--muted)}.archive dd{margin:0;font-weight:600}.radar{height:230px;position:relative;margin-top:10px;background:repeating-radial-gradient(circle,#dce9e7 0 1px,transparent 2px 28px);clip-path:polygon(50% 2%,98% 38%,80% 96%,20% 96%,2% 38%)}.radarfill{position:absolute;inset:40px;background:#19bb8c66;clip-path:polygon(50% calc(50% - var(--a)/2),calc(50% + var(--b)/2) 45%,calc(50% + var(--c)/3) calc(50% + var(--c)/2),calc(50% - var(--d)/3) calc(50% + var(--d)/2),calc(50% - var(--e)/2) 45%)}.radar span{position:absolute;font-size:11px;color:var(--muted)}.radar span:nth-of-type(1){top:2px;left:42%}.radar span:nth-of-type(2){right:0;top:40%}.radar span:nth-of-type(3){right:12%;bottom:3px}.radar span:nth-of-type(4){left:10%;bottom:3px}.radar span:nth-of-type(5){left:0;top:40%}.messages{display:flex;flex-direction:column;gap:10px}.msg{max-width:82%}.msg.ai{align-self:flex-end}.msg p{background:#f0f4f4;border-radius:12px;padding:11px;margin:0}.msg.ai p{background:#ddf5ed}.msg small{display:block;color:#4178bc;background:#edf4ff;padding:4px 7px;border-radius:7px;margin-top:4px}.compose{display:flex;gap:7px;margin-top:14px}.compose input{flex:1;border:1px solid var(--line);border-radius:9px;padding:10px}.highlight{background:#e7f7f2;border:1px solid #bce5d9;border-radius:11px;padding:13px}.highlight small,.highlight b{display:block}.highlight b{margin-top:6px;line-height:1.6}.strategy li{padding:9px}.bar{margin:16px 0}.bar span{display:flex;justify-content:space-between}.bar span b{color:#078563}.bar i{height:8px;display:block;background:#e7efed;border-radius:5px;margin-top:7px}.bar em{display:block;height:100%;background:var(--green);border-radius:5px}.next{background:linear-gradient(145deg,#0b4038,var(--deep));color:white;padding:18px;border-radius:16px}.next small,.next>b{color:#54deb8}.next button{width:100%;margin-top:14px}.page{max-width:1400px;margin:auto;padding:26px}.pagehead{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.pagehead h1{font-size:28px;margin:5px 0}.pagehead p,.pagehead small{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stats article{background:white;border:1px solid var(--line);border-radius:15px;padding:20px}.stats b{display:block;font-size:30px;color:#078563;margin:10px 0}.stats em{font-style:normal;color:var(--muted)}.dashgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.funnel{display:flex;flex-direction:column;align-items:center;gap:8px}.funnel i{background:#dff5ee;padding:12px;text-align:center;font-style:normal}.funnel i:nth-child(1){width:90%}.funnel i:nth-child(2){width:72%}.funnel i:nth-child(3){width:54%}.funnel i:nth-child(4){width:36%;background:var(--green);color:white}.table{background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden}.tr{display:grid;grid-template-columns:1fr 1.4fr 2fr 1.3fr 1.4fr;gap:12px;padding:14px 18px;border-top:1px solid var(--line);align-items:center}.tr.th{background:#eaf3f1;border:0}.tr select{padding:8px;border:1px solid var(--line);border-radius:8px}.taskgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.taskcard small{color:#078563}.scenario{background:#fff1d8;padding:18px;border-radius:12px;font-size:17px}.training textarea{width:100%;height:130px;margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:9px}.actions{text-align:right}#result{background:#edf6f3;border-radius:10px;padding:14px;margin-top:12px}.error{color:#c84b39}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,20px);background:#12332e;color:white;padding:12px 20px;border-radius:10px;opacity:0;z-index:20;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.bad{background:#a84234}dialog{border:0;border-radius:17px;padding:26px;min-width:430px;box-shadow:0 20px 80px #001b1655}dialog::backdrop{background:#06211dbb}.close{position:absolute;right:12px;top:10px;border:0;background:#e9f0ef;border-radius:50%;width:32px;height:32px}#modal form{display:grid;grid-template-columns:1fr 1fr;gap:14px}#modal label{display:flex;flex-direction:column;gap:6px;font-weight:bold}#modal input,#modal select{padding:10px;border:1px solid var(--line);border-radius:8px}#modal form button{grid-column:1/-1}@media(max-width:1200px){.customer-layout{grid-template-columns:260px 1fr}.right{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr)}}@media(max-width:800px){header{height:auto;flex-wrap:wrap;padding:10px}nav{order:3;overflow:auto;width:100%}nav button{padding:12px}.customer-layout{display:block}.left{margin-bottom:12px}.two,.dashgrid,.stats,.taskgrid{grid-template-columns:1fr}.right{display:block}.right>*{margin-top:12px}.tr{grid-template-columns:1fr 1fr}.tr.th{display:none}}