:root{--ink:#17201d;--muted:#66716d;--line:#dce3df;--paper:#f5f7f5;--white:#fff;--green:#176b50;--amber:#bd7a18;--red:#b6423c}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:0}header{height:64px;background:#fff;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2))}.brand,header{display:flex;align-items:center}.brand{gap:10px;font-weight:700}.mark{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:#fff;border-radius:6px}.environment{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.environment span{width:8px;height:8px;border-radius:50%;background:#d99529}.workspace{max-width:1180px;margin:0 auto;padding:48px 24px 72px}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:700;color:var(--green);margin:0 0 10px;text-transform:uppercase}.intro h1{font-family:Georgia,Songti SC,serif;font-size:38px;font-weight:500;margin:0 0 8px}.sub{margin:0;color:var(--muted);font-size:14px}.safety{display:flex;gap:12px;align-items:center;border-left:3px solid var(--amber);padding:8px 14px;background:#fff}.safety svg{color:var(--amber)}.safety div{display:flex;flex-direction:column;gap:3px}.safety strong{font-size:13px}.safety small{color:var(--muted)}.grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;padding:24px;min-height:390px}.panel-title{height:31px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.panel-title h2,.section-heading h2{font-size:18px;margin:0}.panel-title>span{font-size:10px;font-weight:700;color:var(--green);background:#e8f3ee;padding:5px 7px;border-radius:4px}.panel-title svg{color:var(--muted)}label{font-size:13px;font-weight:650;display:flex;justify-content:space-between;margin:18px 0 8px}label small{font-weight:400;color:var(--muted)}input,textarea{width:100%;border:1px solid #ccd5d0;border-radius:5px;background:#fbfcfb;padding:12px 13px;color:var(--ink);font:inherit;font-size:14px;outline:none}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #176b5015}textarea{height:120px;resize:vertical;line-height:1.6}button{width:100%;height:44px;border:0;border-radius:5px;background:var(--green);color:#fff;font:inherit;font-size:14px;font-weight:650;display:flex;justify-content:center;align-items:center;gap:8px;margin-top:20px;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}.error{color:var(--red);font-size:13px}.active,.empty{height:290px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty svg{color:#9aa59f}.empty p{margin:14px 0 4px;font-weight:650}.empty small{color:var(--muted)}.status-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--amber);background:#fff7e8}.status-icon.done{color:var(--green);background:#e9f5f0}.status-name{font-size:19px;font-weight:700;margin:13px 0 3px}.call-id{font:12px monospace;color:var(--muted);margin:0 0 22px}.steps{display:flex;width:100%;justify-content:center;gap:5px}.steps span{font-size:10px;padding:5px 6px;background:#edf0ee;color:#84908a;border-radius:3px}.steps span.on{background:#dceee6;color:var(--green)}.result{font-size:13px;color:var(--muted);background:#f5f7f5;padding:12px;margin-top:20px;border-radius:4px;width:100%}.history{margin-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-heading span{color:var(--muted);font-size:12px}.table{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.row{display:grid;grid-template-columns:1.4fr 1fr .7fr .7fr;align-items:center;min-height:52px;padding:0 18px;border-top:1px solid #edf0ee;font-size:13px}.row.head{border:0;min-height:40px;background:#fafbfa;color:var(--muted);font-size:11px;font-weight:700;text-transform:uppercase}.badge{justify-self:start;padding:4px 7px;background:#edf0ee;border-radius:3px;font-size:11px}.badge.completed{background:#e4f2eb;color:var(--green)}.no-rows{text-align:center;color:var(--muted);font-size:13px;padding:30px}@media(max-width:760px){.workspace{padding:30px 16px}.intro{align-items:flex-start;gap:20px;flex-direction:column}.intro h1{font-size:30px}.grid{grid-template-columns:1fr}.safety{width:100%}.row{grid-template-columns:1.2fr 1fr .7fr}.row span:nth-child(3){display:none}.panel{padding:20px}}