:root{--blue:#2f7df6;--blue-2:#eaf2ff;--ink:#152238;--muted:#758199;--line:#e4e9f1;--bg:#f4f6f9;--green:#16a274;--red:#e85d68;--amber:#e9a23b;--shadow:0 12px 32px rgba(30,54,90,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:92px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:18px 10px;z-index:20}.brand{width:52px;height:52px;border-radius:15px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900;font-size:20px;box-shadow:0 8px 18px rgba(47,125,246,.25);margin-bottom:22px}.sidebar nav{width:100%}.nav-item{position:relative;border:0;background:transparent;width:100%;padding:11px 4px;border-radius:12px;color:#7a869c;display:flex;flex-direction:column;align-items:center;gap:5px;margin:2px 0;font-size:12px}.nav-item span{font-size:22px;line-height:22px}.nav-item i{position:absolute;right:10px;top:7px;background:var(--red);color:#fff;border-radius:10px;font-style:normal;font-size:10px;padding:1px 5px}.nav-item:hover,.nav-item.active{background:var(--blue-2);color:var(--blue)}.sidebar-bottom{margin-top:auto;width:100%}.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#dceaff,#b8d2ff);color:#2459a8;display:grid;place-items:center;font-weight:700;margin:12px auto}.avatar.small{width:36px;height:36px;margin:0}.workspace{margin-left:92px;width:calc(100% - 92px);min-width:1050px}.topbar{height:86px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:15}.eyebrow{font-size:11px;letter-spacing:1.8px;color:#87a0c3;font-weight:800;margin-bottom:6px}.topbar h1{font-size:22px;margin:0}.top-actions{display:flex;align-items:center;gap:14px}.icon-btn,.notification{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 14px}.notification b{background:#fff0f1;color:var(--red);padding:2px 7px;border-radius:10px;margin-left:5px}.user{display:flex;align-items:center;gap:9px}.user small{color:var(--muted)}.view{display:none;padding:30px 34px 50px}.active-view{display:block}.hero-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.hero-row .date{color:var(--blue);font-weight:700;margin:0 0 8px}.hero-row h2,.section-intro h2{font-size:28px;letter-spacing:-1px;margin:0 0 8px}.hero-row p,.section-intro p{color:var(--muted);margin:0}.ai-status{background:#eaf8f3;border:1px solid #ceeadd;border-radius:16px;padding:14px 16px;display:flex;align-items:center;gap:12px}.ai-status div{display:flex;flex-direction:column}.ai-status small{color:#6d8b80;margin-top:2px}.ai-status button{margin-left:18px;border:1px solid #acd7c6;color:#168563;background:#fff;border-radius:9px;padding:8px 12px}.pulse{width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 0 6px rgba(22,162,116,.12)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 2px 4px rgba(31,50,80,.02)}.metric{padding:18px;display:flex;gap:14px;align-items:center}.metric.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.metric-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#ffebed;color:var(--red);font-size:19px;font-weight:bold}.metric-icon.blue{background:#eaf2ff;color:var(--blue)}.metric-icon.green{background:#e9f8f3;color:var(--green)}.metric-icon.gold{background:#fff5e4;color:var(--amber)}.metric div:last-child{display:grid;grid-template-columns:1fr auto;flex:1;align-items:center}.metric span{color:var(--muted)}.metric strong{grid-row:1/3;grid-column:2;font-size:27px}.metric strong em{font-size:13px;color:#9aa5b6;font-style:normal}.metric small{color:#99a4b6;margin-top:5px}.main-grid{display:grid;grid-template-columns:minmax(700px,1fr) 360px;gap:16px}.panel{padding:20px}.panel-head{display:flex;align-items:flex-start;justify-content:space-between}.panel-head h3{margin:0 0 5px;font-size:17px}.panel-head p{margin:0;color:var(--muted);font-size:12px}.legend{display:flex;gap:12px;color:var(--muted);font-size:11px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.ai{background:var(--green)}.dot.human{background:var(--amber)}.journey{display:grid;grid-template-columns:repeat(8,1fr);margin:20px 0 14px;border:1px solid var(--line);border-radius:13px;overflow:hidden}.stage{border:0;border-right:1px solid var(--line);background:#fff;padding:13px 5px;text-align:center;display:flex;flex-direction:column;gap:3px}.stage:last-child{border-right:0}.stage span{font-weight:800;font-size:18px}.stage b{font-size:12px}.stage small{font-size:10px;color:var(--green)}.stage .warn{color:var(--red)}.stage:hover,.stage.active{background:var(--blue-2);color:var(--blue)}.stage.warm{background:#fbf8ff}.table-tools{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}.segmented{background:var(--bg);padding:3px;border-radius:10px}.segmented button{border:0;background:transparent;padding:7px 11px;color:var(--muted);border-radius:8px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 2px 6px #dfe4ec}.text-btn{border:0;background:transparent;color:var(--blue)}.customer-list{margin-top:8px}.customer-row{display:grid;grid-template-columns:42px 1.3fr .7fr 1fr auto;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid #edf0f5;cursor:pointer}.customer-row:hover{background:#fafcff}.customer-face{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ecf3ff,#dce9ff);display:grid;place-items:center;color:#4974b1;font-weight:700}.customer-row b{display:block}.customer-row small{display:block;color:var(--muted);margin-top:4px}.tag{display:inline-block;padding:4px 8px;border-radius:12px;background:#eef3fb;color:#59708f;font-size:11px}.tag.hot{background:#fff0e2;color:#c7771c}.tag.danger{background:#ffedf0;color:#c84b59}.ai-toggle{border:1px solid #cbe8df;color:var(--green);background:#effaf6;border-radius:18px;padding:6px 9px;font-size:11px}.ai-toggle.paused{border-color:#ead6a9;background:#fff8e8;color:#9b721b}.right-column{display:flex;flex-direction:column;gap:16px}.count-pill{color:var(--red);background:#fff0f1;padding:5px 9px;border-radius:10px}.focus-list{margin-top:12px}.focus-item{width:100%;border:0;border-top:1px solid var(--line);background:#fff;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;text-align:left;padding:14px 0}.focus-item:hover b{color:var(--blue)}.focus-item small{display:block;color:var(--muted);margin-top:4px}.focus-item time{font-size:11px;color:#a0a9b8}.priority{font-size:10px;padding:6px 4px;text-align:center;border-radius:9px}.priority.red{background:#ffedf0;color:var(--red)}.priority.amber{background:#fff3df;color:#bf7816}.priority.blue{background:#eaf2ff;color:var(--blue)}.full-link{width:100%;border:0;border-top:1px solid var(--line);background:#fff;color:var(--blue);padding:12px}.schedule-item{display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.schedule-item time{font-weight:800}.schedule-item small{display:block;color:var(--muted);margin-top:3px}.schedule-item span{color:var(--green);font-size:11px}.schedule-item.now time{color:var(--blue)}.call-btn,.primary{border:0;background:var(--blue);color:#fff;border-radius:9px;padding:9px 14px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px}.filterbar{display:grid;grid-template-columns:1.5fr repeat(2,.7fr) auto;gap:10px;margin-bottom:14px}.filterbar input,.filterbar select,.filterbar button{border:1px solid var(--line);background:#fff;padding:12px;border-radius:10px}.customer-table-wrap{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;color:#7a8799;background:#fafbfc;font-size:12px;padding:14px}td{padding:15px 14px;border-top:1px solid var(--line)}tr:hover td{background:#fbfdff}.outline{border:1px solid #cdd6e3;background:#fff;border-radius:8px;padding:8px 11px;color:#53657f}.sop-layout{display:grid;grid-template-columns:240px 1fr;gap:16px}.sop-nav{display:flex;flex-direction:column;height:max-content}.sop-nav h3{margin:0 0 14px}.sop-nav button{border:0;background:transparent;border-radius:9px;padding:11px 12px;text-align:left;color:#65728a}.sop-nav button span{float:right}.sop-nav button.active{background:var(--blue-2);color:var(--blue);font-weight:700}.sop-nav hr{border:0;border-top:1px solid var(--line);width:100%}.status-tag{font-size:11px;border-radius:10px;padding:5px 8px;margin-right:8px}.status-tag.green{background:#e7f8f2;color:var(--green)}.rule-banner{margin:18px 0;background:#eef8f5;border:1px solid #d7eee6;border-radius:10px;padding:12px;color:#3a7865}.rule-banner span{margin-left:10px;color:#6f8e84}.sop-flow{padding:6px 40px}.flow-node{display:grid;grid-template-columns:72px 1fr auto;gap:15px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:14px;background:#fff}.flow-node>span{font-size:11px;color:var(--blue);background:var(--blue-2);border-radius:9px;padding:10px;text-align:center}.flow-node small{display:block;color:var(--muted);margin-top:4px}.flow-node em{font-style:normal;color:var(--green);font-size:11px}.flow-node.trigger{border-style:dashed}.flow-line{width:2px;height:30px;background:#cdddf5;margin:auto}.condition-card{border:1px solid #efdfbd;background:#fffaf0;border-radius:13px;padding:15px}.condition-card p{color:#776b55}.alert-tabs{display:flex;gap:8px;margin-bottom:14px}.alert-tabs button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:20px;color:#6e7a8d}.alert-tabs button.active{background:var(--ink);color:#fff}.alert-board{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.alert-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;grid-template-columns:48px 1fr;gap:14px}.alert-card .alert-symbol{width:44px;height:44px;border-radius:13px;background:#ffeff1;color:var(--red);display:grid;place-items:center;font-weight:bold}.alert-card h3{margin:0 0 6px}.alert-card p{color:#69768b;line-height:1.7}.alert-card .actions{display:flex;gap:8px;margin-top:12px}.calendar-card{padding:0;overflow:hidden}.week-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.week-head button{border:0;background:transparent;color:var(--blue)}.calendar-grid{display:grid;grid-template-columns:70px repeat(7,1fr)}.cal-cell{min-height:64px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:9px;text-align:center}.cal-cell.head{background:#fafbfc;font-weight:700}.cal-cell.time{color:var(--muted);font-size:12px}.cal-slot{border-radius:8px;background:#eef8f5;color:var(--green);cursor:pointer}.cal-slot.busy{background:#f1f3f6;color:#97a0af}.cal-slot.booked{background:#eaf2ff;color:var(--blue)}.asset-grid,.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.asset-card,.setting-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.asset-cover{height:120px;border-radius:12px;background:linear-gradient(135deg,#e9f2ff,#f4f8ff);display:flex;align-items:end;padding:14px;font-size:28px;color:#5683c0}.asset-card h3,.setting-card h3{margin:14px 0 6px}.asset-card p,.setting-card p{color:var(--muted);line-height:1.6}.drawer-mask,.modal-mask{position:fixed;inset:0;background:rgba(15,29,48,.35);z-index:40;opacity:0;pointer-events:none;transition:.25s}.customer-drawer{position:fixed;right:-640px;top:0;bottom:0;width:620px;background:#f7f9fc;z-index:41;padding:28px;overflow:auto;transition:.32s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 50px rgba(20,38,68,.16)}.drawer-mask.open,.modal-mask.open{opacity:1;pointer-events:auto}.customer-drawer.open{right:0}.close{position:absolute;right:18px;top:15px;border:0;background:transparent;font-size:28px;color:#7f8a9d}.drawer-profile{display:flex;align-items:center;gap:14px;margin:12px 0 22px}.drawer-profile .customer-face{width:54px;height:54px}.drawer-section{background:#fff;border:1px solid var(--line);border-radius:14px;padding:17px;margin-bottom:12px}.drawer-section h3{margin:0 0 12px}.summary-box{background:#eef3ff;border-left:3px solid var(--blue);padding:13px;border-radius:9px;line-height:1.7}.timeline-item{border-left:2px solid #d9e5f6;padding:0 0 18px 17px;position:relative}.timeline-item:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--blue);left:-5px;top:4px}.timeline-item small{color:var(--muted)}.switch-row{display:flex;align-items:center;justify-content:space-between}.switch{width:46px;height:25px;border-radius:14px;background:var(--green);position:relative}.switch:after{content:"";position:absolute;width:19px;height:19px;border-radius:50%;background:#fff;right:3px;top:3px}.switch.off{background:#c6ccd6}.switch.off:after{right:24px}.modal-mask{display:grid;place-items:center}.modal{position:relative;width:min(560px,90vw);background:#fff;border-radius:18px;padding:26px;transform:translateY(15px);transition:.25s}.modal-mask.open .modal{transform:translateY(0)}.modal h2{margin:0 0 8px}.modal p{color:var(--muted);line-height:1.6}.option-list{display:grid;gap:9px;margin:18px 0}.option{border:1px solid var(--line);border-radius:11px;padding:13px;display:flex;justify-content:space-between}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.toast{position:fixed;left:50%;bottom:-70px;transform:translateX(-50%);background:#18263b;color:#fff;padding:12px 20px;border-radius:10px;z-index:60;transition:.3s;box-shadow:var(--shadow)}.toast.show{bottom:28px}@media(max-width:1250px){.right-column{display:none}.main-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}