*{box-sizing:border-box} :root{--ink:#2f2925;--muted:#766d66;--line:#e8e0d7;--paper:#fffdf9;--surface:#fff;--brand:#6b5848;--brand2:#574538;--accent:#c7a77a;--shadow:0 18px 50px rgba(55,40,28,.08)}
body{margin:0;background:#f5f1eb;color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20}.topbar>div{display:flex;align-items:center;gap:10px}.top-logo,.brand-mark{display:grid;place-items:center;background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;font-family:Georgia,serif;font-weight:700}.top-logo{width:34px;height:34px;border-radius:11px}.topbar nav{display:flex;gap:8px}.topbar a{color:var(--ink);text-decoration:none;padding:8px 10px;border-radius:9px}.topbar a:hover{background:#f7f3ee}.wrap{max-width:1180px;margin:0 auto;padding:38px 22px 70px}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.hero h1{font:700 clamp(30px,4vw,44px)/1.08 Georgia,serif;margin:4px 0 10px}.hero p{max-width:680px;color:var(--muted);margin:0}.eyebrow{font-size:11px!important;letter-spacing:.14em;font-weight:800;color:#9a7e5f!important;margin:0 0 4px!important}.status-pill{background:#eaf8ef;border:1px solid #ccecd7;color:#287241;border-radius:999px;padding:8px 12px;white-space:nowrap}.status-pill span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#36ad60;margin-right:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stats article,.panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.stats article{padding:20px}.stats b{display:block;font-size:27px;font-family:Georgia,serif}.stats span{color:var(--muted)}.grid{display:grid;gap:18px;margin-bottom:18px}.grid.two{grid-template-columns:1fr 1fr}.panel{padding:24px;margin-bottom:18px}.panel h2{font:700 24px/1.2 Georgia,serif;margin:3px 0 18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.fields{display:grid;gap:15px}.fields.two{grid-template-columns:1fr 1fr}.fields.three{grid-template-columns:repeat(3,1fr)}.fields.four{grid-template-columns:repeat(4,1fr);margin:16px 0}.colors label{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:10px 12px;border-radius:12px}.colors input{width:42px;height:32px;padding:0;border:0;background:transparent}label{display:block;font-weight:700;color:#4a413b}label small{display:block;font-weight:400;color:var(--muted);margin:3px 0 7px}input,textarea{width:100%;margin-top:7px;border:1px solid #dcd2c8;border-radius:11px;background:#fff;padding:11px 12px;color:var(--ink);font:inherit;outline:none;transition:.15s}textarea{resize:vertical;min-height:46px}input:focus,textarea:focus{border-color:#a58969;box-shadow:0 0 0 3px rgba(165,137,105,.12)}.btn{border:1px solid #d5c9bd;border-radius:10px;background:#fff;padding:10px 14px;font-weight:800;color:var(--ink);cursor:pointer}.btn.primary{background:linear-gradient(145deg,var(--brand),var(--brand2));color:#fff;border-color:transparent}.hint,.tiny{color:var(--muted);font-size:12px}.tiny{margin-top:10px}.alert{padding:12px 15px;border-radius:12px;margin-bottom:18px;border:1px solid}.alert.success{background:#edf9f1;border-color:#ccebd6;color:#246b3a}.alert.error{background:#fff0ef;border-color:#f0ceca;color:#973f38}.logo-preview{height:105px;border:1px dashed #d9cdc1;background:#fbf8f4;border-radius:14px;display:grid;place-items:center}.logo-preview img{max-width:80%;max-height:76px;object-fit:contain}.logo-preview span{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:var(--brand);color:#fff;font:700 26px Georgia,serif}.upload{display:flex;gap:10px;align-items:center;margin-top:12px}.upload input{margin:0}.metric-row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line)}.bottom-save{display:flex;justify-content:space-between;align-items:center;margin-top:16px;color:var(--muted)}code{background:#f3eee8;padding:2px 5px;border-radius:5px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 20%,#fff8ee,transparent 35%),#f4efe8}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 30px 90px rgba(58,40,28,.13)}.brand-mark{width:52px;height:52px;border-radius:17px;font-size:23px;margin-bottom:18px}.login-card h1{font:700 34px/1.15 Georgia,serif;margin:4px 0 8px}.muted{color:var(--muted)}.login-card .btn{width:100%;margin-top:8px;padding:12px}
select{width:100%;margin-top:7px;border:1px solid #dcd2c8;border-radius:11px;background:#fff;padding:11px 12px;color:var(--ink);font:inherit;outline:none}.resend-form{margin-top:10px}.back-link{display:block;text-align:center;margin-top:16px;color:var(--muted)}.otp-input{font-size:28px;letter-spacing:10px;text-align:center}.badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#b2473e;color:#fff;font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-grid>div{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:12px}.service{font-size:12px}.service.ok{color:#287241}.service.off{color:#a55048}.check{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-top:7px}.check input{width:auto;margin:0}.conversation-list{display:grid;gap:10px}.conversation-row{display:grid;grid-template-columns:1.2fr .7fr .8fr 2fr .8fr;gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink)}.conversation-row:hover{border-color:var(--accent);background:#fffaf4}.channel,.state{font-size:11px;font-weight:800;text-transform:uppercase}.state.ADMIN_REQUIRED{color:#b2473e}.state.ADMIN{color:#7857b5}.state.AI{color:#287241}.thread{display:grid;gap:10px;max-height:560px;overflow:auto;padding:8px}.thread-message{max-width:78%;padding:12px 14px;border-radius:15px;background:#f2eee8}.thread-message.out{margin-left:auto;background:#6b5848;color:#fff}.thread-message small{display:block;opacity:.7;margin-bottom:4px}.action-bar{display:flex;gap:8px;flex-wrap:wrap}.reply-form{display:flex;gap:10px;margin-top:14px}.reply-form textarea{margin:0}.reply-form button{align-self:flex-end}.empty{padding:35px;text-align:center;color:var(--muted)}
@media(max-width:780px){.stats,.service-grid{grid-template-columns:1fr 1fr}.grid.two,.fields.two,.fields.three,.fields.four{grid-template-columns:1fr}.hero{flex-direction:column}.panel-head{align-items:flex-start}.wrap{padding:24px 14px 50px}.topbar{padding:0 14px}.upload{align-items:stretch;flex-direction:column}.colors label{display:flex}.bottom-save{gap:14px;align-items:flex-start;flex-direction:column}.bottom-save .btn{width:100%}.conversation-row{grid-template-columns:1fr}.reply-form{flex-direction:column}}