:root{--ink:#17211b;--paper:#f4f1e8;--card:#fffdf7;--line:#d6d1c3;--green:#1f6b4f;--lime:#dff66d;--muted:#68706a;--red:#a43c32}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(#8d958e 0.6px,transparent .6px);background-size:5px 5px}header,main{position:relative;max-width:1180px;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-end;padding:54px 28px 28px;border-bottom:1px solid var(--line)}h1{font-family:Georgia,serif;font-size:56px;line-height:.9;margin:8px 0 14px;letter-spacing:-2px}h2{font-family:Georgia,serif;font-size:30px;margin:6px 0 16px}p{color:var(--muted);line-height:1.55;margin:0;max-width:650px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--green)}.status{border:1px solid var(--line);background:var(--card);padding:10px 14px;border-radius:30px;font-size:13px}.status span{display:inline-block;width:9px;height:9px;border-radius:50%;background:#ca9e31;margin-right:7px}.status.ready span{background:#35a269}.status.busy span{background:#dd6b42}main{padding:0 28px 60px}nav{display:flex;gap:2px;padding:22px 0}.tab{background:transparent;border:0;padding:11px 18px;color:var(--muted);font-weight:700;cursor:pointer;border-radius:22px}.tab.active{background:var(--ink);color:white}.panel{display:none}.panel.active{display:block}.section-title{display:flex;justify-content:space-between;align-items:end;margin:18px 0}.provider-grid,.bot-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.provider,.bot,.recording{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 2px 0 rgba(23,33,27,.04)}.provider{min-height:190px;display:flex;flex-direction:column}.provider .logo{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:var(--ink);color:white;font-weight:900;margin-bottom:24px}.provider h3,.bot h3{margin:0 0 7px}.provider .mode{margin-top:auto;font-size:12px;border-top:1px solid var(--line);padding-top:14px}.pill{font-size:11px;font-weight:800;padding:5px 9px;border-radius:15px;background:#e6ebe7;color:var(--green)}.notice{display:flex;gap:14px;align-items:center;background:#eff5cf;border:1px solid #d0db96;border-radius:12px;padding:14px 18px;margin:16px 0 24px}.notice span{color:#59604d}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}form{display:grid;gap:14px}label{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:700}input,select{font:inherit;background:white;border:1px solid var(--line);border-radius:9px;padding:12px;color:var(--ink)}button{font:inherit;border:1px solid var(--line);border-radius:9px;background:var(--card);padding:11px 15px;font-weight:750;cursor:pointer}.primary{background:var(--green);color:white;border-color:var(--green)}.secondary{background:var(--lime);border-color:#c8df55}.list>div,.recording{border-top:1px solid var(--line);padding:13px 0}.list>div:first-child{border-top:0}.meta{font-size:12px;color:var(--muted)}.message{font-size:13px;margin-top:10px}.message.error{color:var(--red)}.form-grid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.form-grid .actions{grid-column:1/-1;display:flex;gap:8px}.hidden{display:none}.bot-grid{grid-template-columns:repeat(2,1fr)}.bot-head{display:flex;justify-content:space-between}.bot footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.danger{color:var(--red)}.recordings{display:grid;gap:10px}.recording{display:flex;align-items:center;justify-content:space-between;padding:16px 20px}.recording .actions{display:flex;gap:8px}.empty{padding:44px;text-align:center;border:1px dashed var(--line);border-radius:16px;color:var(--muted)}@media(max-width:760px){header{align-items:flex-start;gap:24px;flex-direction:column}h1{font-size:44px}.provider-grid,.bot-grid,.split,.form-grid{grid-template-columns:1fr}.notice,.recording{align-items:flex-start;flex-direction:column}.section-title{align-items:flex-start;gap:14px;flex-direction:column}.form-grid .actions{grid-column:auto}}