:root{--blue:#3478f6;--ink:#172033;--muted:#748096;--line:#e8ecf3;--bg:#f5f7fb;--card:#fff;--green:#18a66a;--orange:#ff9c3a}*{box-sizing:border-box}body{margin:0;font:14px/1.45 Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}.side{position:fixed;inset:0 auto 0 0;width:230px;background:#fff;border-right:1px solid var(--line);padding:25px 16px;z-index:3}.brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;margin:0 7px 28px}.brand b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#5b92ff,#7759f6);box-shadow:0 7px 18px #5b78e744}.brand span{letter-spacing:.08em}nav{display:grid;gap:5px}.nav{border:0;background:transparent;text-align:left;padding:11px 13px;border-radius:11px;color:#536075;cursor:pointer}.nav:hover,.nav.active{background:#edf3ff;color:#1768e8;font-weight:650}.nav em{float:right;font-style:normal;background:#eef1f6;padding:0 7px;border-radius:10px;font-size:12px}.connect{position:absolute;bottom:18px;left:15px;right:15px;display:flex;gap:9px;padding:12px;border-radius:12px;background:#f4fbf8;border:1px solid #d6f0e4}.connect i{width:9px;height:9px;border-radius:50%;background:#f3a238;margin-top:5px}.connect small{display:block;color:#788499;margin-top:2px}main{margin-left:230px;min-height:100vh}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 44px}.search{width:420px;padding:11px 15px;border:1px solid var(--line);background:#fff;border-radius:12px;color:#727e91;box-shadow:0 4px 15px #23314b08}.search kbd{float:right;border:0;background:transparent}.top{display:flex;gap:9px;align-items:center}button{cursor:pointer;border:0}.ghost{padding:10px 15px;border-radius:10px;background:#eef4ff;color:#1768e8}.primary{padding:10px 17px;border-radius:10px;background:var(--blue);color:white}.avatar{display:grid;place-items:center;width:34px;height:34px;background:#172d55;color:#fff;border-radius:50%}#app{max-width:1440px;margin:auto;padding:18px 44px 110px}.hero{display:flex;justify-content:space-between;align-items:end;margin:7px 0 22px}.hero h1{font-size:29px;margin:4px 0}.hero p{color:var(--muted);margin:0}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 9px 32px #32466b0b}.span8{grid-column:span 8}.span7{grid-column:span 7}.span6{grid-column:span 6}.span5{grid-column:span 5}.span4{grid-column:span 4}.span3{grid-column:span 3}.card h3{margin:0 0 14px;font-size:16px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:16px;border-radius:12px;background:#f6f8fc}.metric small{color:var(--muted)}.metric b{display:block;font-size:25px;margin:4px 0}.ok{color:var(--green)}.warn{color:var(--orange)}.list{display:grid}.row{display:flex;align-items:center;gap:12px;padding:13px 4px;border-top:1px solid #edf0f5}.row:first-child{border-top:0}.row .icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eff4ff;color:#3478f6}.grow{flex:1}.grow small{display:block;color:var(--muted);margin-top:2px}.pill{padding:5px 9px;border-radius:12px;background:#eef4ff;color:#286bd6;font-size:12px}.filter{display:flex;gap:10px;margin-bottom:15px;flex-wrap:wrap}.filter input,.filter select,.field input,.field select,.field textarea{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 12px;outline:none}.filter input{min-width:250px}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:13px;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:500;background:#f8f9fc}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin-bottom:18px}.tab{padding:11px 4px;background:transparent;color:#667287}.tab.active{color:#1768e8;border-bottom:2px solid #1768e8}.bar{display:flex;align-items:end;gap:10px;height:105px}.bar i{flex:1;min-width:18px;border-radius:6px 6px 2px 2px;background:linear-gradient(#7fb0ff,#3478f6)}.action{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:11px;padding:14px}.chatbox{min-height:400px}.bubble{max-width:75%;padding:14px 16px;border-radius:14px;margin:10px 0;background:#f1f4f8}.bubble.me{margin-left:auto;background:#e3f0ff}.composer{display:flex;gap:9px;margin-top:15px}.composer input{flex:1;border:1px solid var(--line);border-radius:12px;padding:13px}.settings{display:grid;grid-template-columns:210px 1fr;gap:18px}.settings-menu button{display:block;width:100%;text-align:left;padding:11px;border-radius:9px;background:transparent}.settings-menu button.active{background:#edf3ff;color:#1768e8}.field{display:grid;gap:6px;margin:13px 0}.field label{font-weight:600}.field small{color:var(--muted)}.switch{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.toggle{width:38px;height:22px;border-radius:20px;background:#3478f6;position:relative}.toggle:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;right:3px;top:3px}.chatbar{position:fixed;z-index:5;bottom:18px;left:calc(50% - 290px);width:620px;display:flex;gap:9px;padding:9px 11px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 45px #22355626}.chatbar input{border:0;outline:0;flex:1}.orb{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4b8bff,#6d52f4);color:#fff}@media(max-width:900px){.side{width:72px}.brand span,.nav span,.nav em,.connect{display:none}main{margin-left:72px}.brand{margin-left:4px}.nav{text-align:center}.span8,.span7,.span6,.span5,.span4,.span3{grid-column:span 12}.metrics{grid-template-columns:1fr 1fr}.search{width:55%}#app,header{padding-left:20px;padding-right:20px}.chatbar{left:100px;right:20px;width:auto}.settings{grid-template-columns:1fr}.settings-menu{display:flex;overflow:auto}}