:root{--ink:#171816;--muted:#6c7068;--line:#dedfd9;--paper:#f5f4ee;--card:#fffef9;--accent:#ff5d2e;--green:#245c45;--shadow:0 18px 50px #1a1c1814}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 85% 0%, #f8d9cd 0, transparent 28rem), var(--paper);margin:0;font-family:Arial,Helvetica,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#ffffff6b;flex-direction:column;padding:28px 22px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:11px;font-size:20px;font-weight:800;display:flex}.brandMark{background:var(--accent);color:#fff;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.nav{gap:8px;margin-top:48px;display:grid}.navItem{color:var(--muted);border-radius:10px;padding:12px 14px}.navItem.active{color:var(--ink);background:#e7e9e0;font-weight:700}.logout{margin-top:auto}.logout button{color:var(--muted);background:0 0;border:0;padding:12px 14px}.main{width:100%;max-width:1450px;padding:34px clamp(24px,5vw,72px) 70px}.topbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--green);font-size:11px;font-weight:800}h1{letter-spacing:-.055em;margin:8px 0 4px;font-family:Georgia,serif;font-size:clamp(38px,5vw,68px);font-weight:500}.sub{color:var(--muted);margin:0}.primary,.secondary{border:1px solid var(--ink);border-radius:999px;padding:12px 18px;font-weight:750}.primary{background:var(--ink);color:#fff}.secondary{background:0 0}.grid{grid-template-columns:minmax(0,1.35fr) minmax(310px,.65fr);gap:24px;margin-top:34px;display:grid}.card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:22px}.composer{padding:26px}.cardTitle{margin:0 0 18px;font-size:15px;font-weight:800}.textarea{resize:vertical;border:1px solid var(--line);background:#fff;border-radius:14px;outline:none;width:100%;min-height:150px;padding:18px;line-height:1.5}.textarea:focus,input:focus{border-color:var(--green);box-shadow:0 0 0 3px #245c451f}.platformRow{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.platform{border:1px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:9px 12px;font-size:13px;display:flex}.platform input{accent-color:var(--accent)}.formRow{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{color:var(--muted);gap:7px;font-size:12px;font-weight:700;display:grid}.field input{border:1px solid var(--line);background:#fff;border-radius:10px;padding:11px}.consent{color:var(--muted);align-items:flex-start;gap:9px;margin-top:14px;font-size:12px;line-height:1.4;display:flex}.composerFooter{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.hint{color:var(--muted);font-size:12px}.connections{padding:24px}.connection{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.connection:first-of-type{border-top:0}.connectionName{text-transform:capitalize;font-weight:800}.connectionMeta{color:var(--muted);margin-top:4px;font-size:12px}.connect{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;font-size:12px;font-weight:700}.connect[disabled]{opacity:.45;cursor:not-allowed}.dot{background:#4a9d70;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.queue{margin-top:24px;overflow:hidden}.queueHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:21px 24px;display:flex}.post{border-bottom:1px solid var(--line);grid-template-columns:135px minmax(0,1fr) 120px;align-items:center;gap:18px;padding:18px 24px;display:grid}.post:last-child{border-bottom:0}.time{color:var(--muted);font-size:12px}.postContent{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.badges{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.badge{text-transform:uppercase;letter-spacing:.08em;background:#edeee8;border-radius:999px;padding:4px 7px;font-size:10px}.status{text-transform:uppercase;letter-spacing:.08em;color:var(--green);justify-self:end;font-size:11px;font-weight:800}.status.failed{color:#a3332c}.empty{text-align:center;color:var(--muted);padding:42px 24px}.toast{background:var(--ink);color:#fff;box-shadow:var(--shadow);border-radius:12px;padding:13px 16px;position:fixed;bottom:24px;right:24px}.loginWrap{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{width:min(430px,100%);padding:34px}.loginCard h1{font-size:42px}.loginForm{gap:14px;margin-top:26px;display:grid}.loginForm input{border:1px solid var(--line);background:#fff;border-radius:11px;width:100%;padding:13px}.error{color:#a3332c;background:#f9e6e2;border-radius:9px;padding:10px 12px;font-size:13px}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{display:none}.grid{grid-template-columns:1fr}}@media (max-width:620px){.main{padding:24px 16px 50px}.topbar{flex-direction:column;align-items:flex-start}.formRow{grid-template-columns:1fr}.post{grid-template-columns:1fr auto}.time{grid-column:1/-1}}