:root{--bg:#f5f7fb;--card:#fff;--text:#172033;--muted:#718096;--line:#e8edf4;--blue:#2563eb;--blue2:#eef4ff;--green:#16a34a;--green2:#edf9f0;--orange:#d97706;--orange2:#fff7e8;--red:#dc2626;--red2:#fff0f0;--shadow:0 10px 30px rgba(28,40,65,.06);--radius:18px}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.shell{min-height:100vh;display:flex}.side{position:fixed;z-index:10;left:0;top:0;bottom:0;width:236px;background:#fff;border-right:1px solid var(--line);padding:20px 14px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:5px 10px 24px;font-weight:800;font-size:18px}.logo{width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#2563eb,#60a5fa);color:white;display:grid;place-items:center;font-weight:900}.nav{display:grid;gap:5px}.nav button{background:transparent;color:#536075;text-align:left;padding:11px 12px;border-radius:11px}.nav button:hover,.nav button.active{background:var(--blue2);color:var(--blue);font-weight:700}.group{font-size:11px;color:#a0a8b7;padding:18px 12px 5px}.main{margin-left:236px;width:calc(100% - 236px);padding:24px 28px 90px}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.top h1{margin:0;font-size:26px}.top .sub{color:var(--muted);font-size:13px;margin-top:5px}.actions{display:flex;gap:8px}.btn{padding:10px 14px;border-radius:11px;background:#fff;border:1px solid var(--line);color:#3c4657}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.grid{display:grid;gap:16px}.kpis{grid-template-columns:repeat(6,minmax(0,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.kpi .label{color:var(--muted);font-size:12px}.kpi .value{font-size:25px;font-weight:800;margin-top:8px}.kpi .delta{font-size:12px;margin-top:7px}.good{color:var(--green)}.warn{color:var(--orange)}.bad{color:var(--red)}.aihero{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;margin-top:16px}.ai-box{background:linear-gradient(135deg,#f7faff,#eef5ff);border:1px solid #dbe7ff}.ai-title{font-size:21px;font-weight:800}.ai-desc{color:var(--muted);font-size:13px;margin:7px 0 14px}.inputrow{display:flex;gap:8px}.inputrow input{flex:1;border:1px solid #dbe2ed;border-radius:12px;padding:13px 14px;outline:none;background:#fff}.inputrow input:focus{border-color:#8bb1ff;box-shadow:0 0 0 3px #e8f0ff}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.chip{padding:8px 10px;background:#fff;border:1px solid #dbe4f2;border-radius:999px;font-size:12px;color:#506078}.section{margin-top:18px}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.sectionhead h2{font-size:16px;margin:0}.sectionhead span{font-size:12px;color:var(--muted)}.cols2{grid-template-columns:1fr 1fr}.cols3{grid-template-columns:repeat(3,1fr)}.alert{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-bottom:1px solid var(--line)}.alert:last-child{border-bottom:0}.dot{width:9px;height:9px;border-radius:50%;margin-top:6px;flex:none}.dot.high{background:var(--red)}.dot.medium{background:#f59e0b}.alert b{font-size:13px}.alert small{display:block;color:var(--muted);margin-top:4px}.list{display:grid}.row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.row:last-child{border-bottom:0}.rowtitle{font-weight:650;font-size:13px}.rowmeta{color:var(--muted);font-size:11px;margin-top:4px}.pill{font-size:11px;padding:5px 8px;border-radius:999px;background:#f1f4f8;color:#586579}.pill.red{background:var(--red2);color:var(--red)}.pill.green{background:var(--green2);color:var(--green)}.pill.orange{background:var(--orange2);color:var(--orange)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--line);font-size:12px}.table th{color:var(--muted);font-weight:600}.empty{padding:35px;text-align:center;color:var(--muted)}.workflow{display:flex;gap:8px;flex-wrap:wrap}.step{padding:10px 12px;border-radius:12px;background:#f7f9fc;border:1px solid var(--line);font-size:12px}.arrow{color:#aab3c1;align-self:center}.mobilebar{display:none}.modal{position:fixed;z-index:50;inset:0;background:rgba(14,22,36,.45);display:grid;place-items:center;padding:18px}.modalbox{background:#fff;border-radius:20px;width:min(760px,100%);max-height:86vh;display:flex;flex-direction:column;box-shadow:0 30px 80px rgba(0,0,0,.18)}.modalhead{padding:16px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.chat{padding:18px;overflow:auto;display:grid;gap:12px}.bubble{max-width:85%;padding:12px 14px;border-radius:14px;font-size:13px;line-height:1.65;white-space:pre-wrap}.bubble.user{justify-self:end;background:var(--blue);color:#fff}.bubble.ai{justify-self:start;background:#f4f6f9}.modalinput{padding:14px;border-top:1px solid var(--line)}.loading{opacity:.6}.pagegrid{grid-template-columns:repeat(4,1fr)}.modulecard{min-height:120px}.modulecard .icon{font-size:24px}.modulecard h3{margin:9px 0 4px;font-size:14px}.modulecard p{margin:0;color:var(--muted);font-size:12px}.searchbar{display:flex;gap:8px;margin-bottom:12px}.searchbar input{flex:1;padding:11px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.toast{position:fixed;right:18px;bottom:18px;background:#172033;color:#fff;padding:12px 15px;border-radius:12px;z-index:100;font-size:12px}.mobile-only{display:none}
@media(max-width:1100px){.kpis{grid-template-columns:repeat(3,1fr)}.aihero{grid-template-columns:1fr}.cols3{grid-template-columns:1fr 1fr}.pagegrid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.side{display:none}.main{margin-left:0;width:100%;padding:16px 14px 82px}.top{align-items:flex-start}.top h1{font-size:21px}.actions .btn{padding:8px 10px}.kpis{grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:14px;border-radius:15px}.kpi .value{font-size:21px}.cols2,.cols3,.pagegrid{grid-template-columns:1fr}.mobilebar{display:flex;position:fixed;z-index:20;bottom:0;left:0;right:0;height:64px;background:rgba(255,255,255,.96);border-top:1px solid var(--line);justify-content:space-around;align-items:center}.mobilebar button{background:transparent;color:#697589;font-size:10px;display:grid;gap:4px;place-items:center}.mobilebar button.active{color:var(--blue);font-weight:700}.mobile-only{display:block}.inputrow{display:block}.inputrow input{width:100%;margin-bottom:8px}.inputrow .btn{width:100%}.tablewrap{overflow:auto}.table{min-width:620px}}