:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#14293a;background:#f0f4f8;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{height:76px;background:#132b3c;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;gap:20px}.brand{font-size:26px;font-weight:750;letter-spacing:2px}.brand span{font-size:12px;letter-spacing:1.5px;margin-left:15px;font-weight:400;color:#a7bac7}.badge{font-size:14px;color:#d0e8ff;border:1px solid #597181;padding:5px 12px;border-radius:5px}main{max-width:1400px;margin:auto;padding:36px 5vw}h1{font-size:clamp(25px,3vw,36px);line-height:1.35;letter-spacing:-1px;margin:8px 0 10px}h2{font-size:20px;margin:0 0 12px}h3{font-size:16px}p{margin:8px 0;color:#586b7c}.eyebrow{font-size:13px;font-weight:700;letter-spacing:1px;color:#276adb}.heading,.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}.heading{margin-bottom:28px}label{font-size:14px;color:#52677a;display:block}select{display:block;padding:9px 30px 9px 12px;border:1px solid #b6c5d0;border-radius:6px;color:#193548;background:white;font:inherit;margin-top:5px}nav{display:flex;gap:25px;border-bottom:1px solid #cbd7e1;margin-bottom:25px}button{font:inherit;font-size:14px;cursor:pointer;border:1px solid #b6c5d0;background:white;border-radius:6px;padding:10px 16px;color:#243c51}button:hover{background:#e9f1fc}button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #367bfa;outline-offset:3px}nav button{border:0;border-bottom:3px solid transparent;background:none;border-radius:0;padding:12px 4px;font-size:16px}nav button.active{color:#1d62d1;border-bottom-color:#1d62d1;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.metric,article{background:white;border:1px solid #d9e2ea;border-radius:10px;padding:24px}.metric{padding:20px}.metric .number{font-size:34px;font-weight:700;letter-spacing:-1px;margin:8px 0}.metric small,.note{font-size:13px;color:#687b8c}.metric .label{font-size:14px}.columns{display:grid;grid-template-columns:1.35fr 1fr;gap:23px}.sectionhead span{font-size:13px;color:#748497}.stage{display:grid;grid-template-columns:100px 1fr 64px;gap:14px;align-items:center;margin:22px 0}.stage label{color:#283f53}.track{height:35px;background:#edf2f7;border-radius:4px;overflow:hidden}.bar{height:100%;background:#3478e5;min-width:3px}.stage:nth-child(2) .bar{background:#4386eb}.stage:nth-child(3) .bar{background:#2563c2}.stage:nth-child(4) .bar{background:#193f78}.stage strong{text-align:right}.conversion{font-size:13px;color:#64788a;margin:-13px 0 0 114px}.insight{background:#e8f0fc;border-color:#cfdef3}.insight h2{font-size:25px}.insight li{margin:12px 0}.insight ol{padding-left:20px}.rule{font-size:12px;color:#486784;margin-top:20px}.primary{background:#175bcd;color:white;border-color:#175bcd}.primary:hover{background:#1048a7}.lower{margin-top:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.lower p{margin-bottom:0}#reportBox{margin-top:18px}textarea{display:block;width:100%;font:inherit;font-size:15px;padding:16px;border:1px solid #bacbd9;border-radius:5px;margin:12px 0;resize:vertical}.tablewrap{overflow:auto;background:white;border:1px solid #d9e2ea;border-radius:10px;margin-top:20px}table{border-collapse:collapse;width:100%;min-width:790px;text-align:left}td,th{padding:17px 19px;border-bottom:1px solid #e1e8ee;font-size:14px}th{background:#e9eff5;color:#526a7d;font-weight:500}td small{display:block;color:#6b7e8e}.tag{display:inline-block;white-space:nowrap;background:#e7effb;color:#26599e;padding:3px 8px;border-radius:4px}.done{color:#476959;background:#e9f3ed}.sessiongrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.sessioncard{text-align:left;padding:22px;border:1px solid #ccd8e2;border-radius:10px;background:white}.sessioncard.selected{border:2px solid #3478e5;background:#edf4ff}.sessioncard strong{display:block;font-size:18px;margin:10px 0}.sessioncard span{font-size:13px;color:#5d7285}.sessionstats{display:flex;gap:40px;flex-wrap:wrap;margin:22px 0}.sessionstats strong{display:block;font-size:30px}footer{font-size:12px;color:#718393;margin-top:32px;text-align:center}[hidden]{display:none!important}@media(max-width:850px){.columns{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.heading{align-items:flex-start;flex-direction:column}.sessiongrid{grid-template-columns:1fr}.brand span{display:none}header{padding:12px 5vw;height:auto;min-height:70px}.badge{font-size:12px}.lower,.sectionhead{align-items:flex-start;flex-direction:column}}@media(max-width:440px){main{padding:25px 16px}.metric,article{padding:17px}.metric .number{font-size:28px}.stage{grid-template-columns:85px 1fr 48px;gap:7px}.conversion{margin-left:92px}.brand{font-size:22px}}

input{width:100%;font:inherit;font-size:14px;color:#193548;background:#fff;border:1px solid #b6c5d0;border-radius:6px;padding:10px;margin-top:5px;min-width:0}
input:focus-visible{outline:3px solid #367bfa;outline-offset:3px}
button:disabled{opacity:.55;cursor:wait}
.savebar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:14px;padding:12px 16px;background:#e3edf5;border-radius:7px;margin-bottom:14px}
.savebar>span:last-child{color:#526a7d}
.filters{display:flex;gap:14px;flex-wrap:wrap}
.followup-summary{font-size:14px;margin:16px 0;padding:12px 16px;border-left:3px solid #3478e5;background:#e8f0fc}
td button{display:block;margin-top:10px;white-space:nowrap}
td small{margin-top:5px}
.overdue,.overdue small,.error{color:#a52b28!important}
.empty{padding:40px;text-align:center;color:#64788a}
dialog{width:min(760px,calc(100vw - 32px));max-height:90vh;overflow:auto;border:1px solid #ccd8e2;border-radius:12px;padding:26px;color:#14293a;background:#fff;box-shadow:0 18px 80px #132b3c40}
dialog::backdrop{background:#10283c88}
.dialoghead{display:flex;justify-content:space-between;align-items:center;gap:16px}
.dialoghead h2{margin:0}
.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.formgrid select{width:100%}
.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:12px}
.actions span{font-size:14px;color:#526a7d}
.history{padding-left:20px}
.history li{padding:12px 0;border-bottom:1px solid #e1e8ee}
.history time{font-size:13px;color:#657b8c}
.history p{white-space:pre-wrap;overflow-wrap:anywhere;color:#334b60}
#userContext{margin:16px 0}
#userError:empty,#sessionError:empty{display:none}
.note,footer{font-size:14px}
#users table{min-width:1050px}
@media(max-width:650px){.formgrid{grid-template-columns:1fr}dialog{padding:18px}.savebar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters label{flex:1}nav{gap:18px}}
