:root{--ink:#14221c;--muted:#65716b;--paper:#f6f7f3;--surface:#fff;--forest:#183f32;--forest-2:#245a47;--lime:#c7ef72;--line:#dde3dc;--danger:#a43d3d;--shadow:0 18px 60px #14221c17}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}.center-shell{place-items:center;min-height:100vh;display:grid}.loader{border:3px solid var(--line);border-top-color:var(--forest);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{grid-template-columns:minmax(320px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.brand-panel{color:#f5f8f4;background:radial-gradient(circle at 18% 78%, #c7ef723b, transparent 28%), radial-gradient(circle at 88% 10%, #89bea02e, transparent 32%), var(--forest);flex-direction:column;justify-content:center;padding:clamp(40px,7vw,100px);display:flex}.brand-panel h1{letter-spacing:-.045em;max-width:680px;margin:16px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(44px,6vw,82px);font-weight:500;line-height:.98}.brand-copy{color:#cad7d0;max-width:520px;font-size:18px;line-height:1.6}.brand-mark{width:58px;height:58px;color:var(--forest);background:var(--lime);letter-spacing:-.06em;border-radius:18px;place-items:center;font-weight:900;display:grid}.brand-mark.small{border-radius:13px;width:42px;height:42px;font-size:13px}.security-note,.scope-badge{color:#e9f0eb;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:10px;width:fit-content;margin-top:36px;padding:11px 15px;font-size:13px;display:flex}.pulse{background:var(--lime);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #c7ef7221}.login-panel{place-items:center;min-width:0;padding:40px;display:grid}.login-card{background:var(--surface);border:1px solid var(--line);width:100%;min-width:0;max-width:460px;box-shadow:var(--shadow);border-radius:28px;padding:clamp(30px,5vw,54px)}.eyebrow{color:#6e7f77;letter-spacing:.17em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:800}.brand-panel .eyebrow{color:var(--lime)}.login-card h2{margin:0;font-family:Georgia,serif;font-size:40px;font-weight:500}.muted{color:var(--muted)}label{gap:8px;margin-top:22px;font-size:13px;font-weight:700;display:grid}input{width:100%;color:var(--ink);background:#fbfcfa;border:1px solid #d7ddd7;border-radius:12px;outline:none;padding:14px 15px}input:focus{border-color:var(--forest-2);box-shadow:0 0 0 3px #245a471a}.login-card>button{color:#fff;background:var(--forest);border:0;border-radius:12px;width:100%;margin-top:26px;padding:15px;font-weight:800}.login-card>button:hover{background:var(--forest-2)}.login-card>button:disabled{opacity:.6;cursor:wait}.fine-print{color:#85918b;text-align:center;margin:18px 0 0;font-size:11px}.error-box{color:var(--danger);background:#fff2f1;border:1px solid #f0ccca;border-radius:11px;margin-top:18px;padding:12px 14px;font-size:13px}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{color:#fff;background:var(--forest);flex-direction:column;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.logo-row{align-items:center;gap:12px;display:flex}.logo-row strong{max-width:155px;font-size:13px;display:block}.logo-row span{color:#aebeb6;margin-top:2px;font-size:11px;display:block}nav{gap:7px;margin-top:52px;display:grid}nav .nav-button{color:#bdcbc4;text-align:left;background:0 0;border:0;border-radius:10px;width:100%;padding:12px 14px;font-size:13px;font-weight:650;text-decoration:none}nav .nav-button:hover,nav .nav-button.active{color:#fff;background:#ffffff17}.session-card{background:#ffffff12;border-radius:14px;margin-top:auto;padding:15px}.session-card span,.session-card small{display:block}.session-card span{font-size:13px;font-weight:750}.session-card small{color:#aebeb6;margin-top:4px;font-size:10px}.ghost-button{color:var(--lime);background:0 0;border:0;margin-top:14px;padding:0;font-size:12px;font-weight:750}.content{min-width:0;padding:clamp(28px,5vw,64px)}.content>header{justify-content:space-between;align-items:center;gap:24px;display:flex}.content h1{letter-spacing:-.035em;margin:0;font-family:Georgia,serif;font-size:clamp(36px,4vw,54px);font-weight:500}.scope-badge{color:var(--forest);background:#e7eee9;border-color:#d6e0d9;margin:0}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:42px;display:grid}.metric-card,.table-card,.operations-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px #14221c0a}.metric-card{overflow-wrap:anywhere;min-width:0;padding:24px}.metric-card span{color:var(--muted);font-size:12px;font-weight:700}.metric-card strong{margin:12px 0 6px;font-family:Georgia,serif;font-size:46px;font-weight:500;display:block}.metric-card small{color:#8b958f;font-size:10px}.data-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:18px;margin-top:18px;display:grid}.table-card{min-width:0;padding:24px;scroll-margin-top:20px}.card-heading{justify-content:space-between;align-items:center;display:flex}.card-heading h2{margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.count{min-width:30px;color:var(--forest);text-align:center;background:#edf2ee;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.list{margin-top:18px}.list-row{border-top:1px solid #edf0ec;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.list-row strong,.list-row small{display:block}.list-row strong{font-size:13px}.list-row small{color:var(--muted);margin-top:3px;font-size:10px}.agency-icon{color:#fff;background:var(--forest-2);border-radius:10px;place-items:center;width:34px;height:34px;font-size:10px;font-weight:900;display:grid}.record-dot{background:#83b846;border-radius:50%;width:9px;height:9px;margin:12px}.status{color:#336c48;text-transform:uppercase;background:#e9f6ec;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:850}.status.neutral{color:#616b66;background:#eef1ef}.empty{color:var(--muted);font-size:13px}.operations-card{margin-top:18px;padding:24px;scroll-margin-top:20px}.operations-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:20px;display:grid}.operation-stat{background:#f5f7f4;border-radius:12px;min-width:0;padding:15px}.operation-stat span{min-height:30px;color:var(--muted);font-size:10px;font-weight:750;display:block}.operation-stat strong{margin-top:8px;font-family:Georgia,serif;font-size:28px;font-weight:500;display:block}.feature-strip{border-top:1px solid #edf0ec;flex-wrap:wrap;gap:8px;margin-top:18px;padding-top:18px;display:flex}.feature-strip span{text-transform:capitalize;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800}.feature-on{color:#285f3e;background:#e7f5e9}.feature-off{color:#6f6256;background:#f2eee9}.operations-note{color:var(--muted);margin:16px 0 0;font-size:11px}.notice-box{color:#285f3e;background:#ebf7ed;border:1px solid #cce8d2;border-radius:11px;margin-top:18px;padding:12px 14px;font-size:13px}.panel-loader{color:var(--muted);align-items:center;gap:12px;margin-top:18px;font-size:12px;display:flex}.panel-loader .loader{width:22px;height:22px}.integration-launcher{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px;display:grid}.integration-launcher>button{min-width:0;color:var(--ink);background:var(--surface);border:1px solid var(--line);text-align:left;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px;display:grid;box-shadow:0 8px 30px #14221c0a}.integration-launcher>button:hover{border-color:#aac4b5;transform:translateY(-1px)}.integration-launcher strong,.integration-launcher small{display:block}.integration-launcher strong{font-size:15px}.integration-launcher small{color:var(--muted);margin-top:6px;line-height:1.45}.integration-launcher b{color:var(--forest-2);font-size:24px}.integration-icon{color:#4a2b83;background:#eee7fa;border-radius:14px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.integration-icon.chat{color:#15567a;background:#e4f3fb}.page-card,.integration-card,.agency-board,.chat-shell{margin-top:36px}.agency-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.agency-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;min-width:0;padding:22px;display:grid}.agency-card h2{margin:0 0 5px;font-family:Georgia,serif;font-size:24px;font-weight:500}.agency-card div>span{color:var(--muted);font-size:11px}.agency-icon.large{border-radius:14px;width:48px;height:48px}.integration-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 30px #14221c0a}.integration-toolbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.integration-toolbar h2{margin:0;font-family:Georgia,serif;font-size:28px;font-weight:500}.integration-toolbar.compact h2{font-size:22px}.external-link{color:var(--forest);background:#edf2ee;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:800;text-decoration:none}.external-link.icon-only{padding:8px 11px}.object-tabs{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.object-tabs button{color:var(--muted);background:#f4f6f3;border:1px solid #0000;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:750}.object-tabs button.active{color:#fff;background:var(--forest)}.twenty-list{border-top:1px solid var(--line);margin-top:22px}.twenty-list-head{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;padding:16px 0 10px;font-size:11px;display:flex}.twenty-list article{border-top:1px solid #edf0ec;grid-template-columns:auto minmax(180px,1fr) minmax(280px,1.8fr);align-items:center;gap:12px;min-width:0;padding:15px 0;display:grid}.twenty-list article strong,.twenty-list article small{display:block}.twenty-list article>div>small{color:var(--muted);margin-top:4px;font-size:10px}.record-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.record-fields span{min-width:0;color:var(--ink);overflow-wrap:anywhere;font-size:11px}.record-fields small{color:#8a958f;text-transform:capitalize;margin-bottom:4px;font-size:8px}.chat-shell{background:var(--surface);border:1px solid var(--line);border-radius:20px;grid-template-columns:minmax(250px,.8fr) minmax(0,2fr);min-height:620px;display:grid;overflow:hidden;box-shadow:0 8px 30px #14221c0a}.conversation-list{border-right:1px solid var(--line);background:#f3f6f3;padding:20px}.conversation-list>button{width:100%;color:var(--ink);text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:9px;padding:12px;display:grid}.conversation-list>button.active{border-color:var(--line);background:#fff}.conversation-list strong,.conversation-list small{display:block}.conversation-list strong{font-size:12px}.conversation-list small{color:var(--muted);margin-top:4px;font-size:9px}.conversation-avatar{color:#15567a;background:#dceff8;border-radius:13px;place-items:center;width:42px;height:42px;font-size:10px;font-weight:850;display:grid}.padded{padding:18px 8px}.chat-panel{grid-template-rows:auto 1fr auto;min-width:0;display:grid}.chat-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.chat-panel h2{text-transform:capitalize;margin:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.messages{background:#fafbf9;min-height:380px;max-height:470px;padding:24px;overflow-y:auto}.message{border:1px solid var(--line);background:#fff;border-radius:4px 14px 14px;width:fit-content;max-width:min(78%,620px);margin:0 0 12px;padding:12px 14px}.message.private{background:#fff8dc;border-color:#eadca9}.message p{white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.message small{color:var(--muted);margin-top:7px;font-size:9px;display:block}.message-composer{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:10px;padding:18px;display:grid}.message-composer textarea{resize:vertical;min-height:72px;color:var(--ink);border:1px solid var(--line);background:#fbfcfa;border-radius:12px;padding:12px}.message-composer button{color:#fff;background:var(--forest);border:0;border-radius:12px;padding:0 18px;font-weight:800}.message-composer button:disabled{opacity:.45;cursor:not-allowed}.chat-empty{text-align:center;place-self:center;max-width:360px;padding:40px}.chat-empty>span{color:#15567a;background:#dceff8;border-radius:17px;place-items:center;width:54px;height:54px;margin:auto;font-weight:900;display:grid}.chat-empty h2{margin:18px 0 8px}.chat-empty p{color:var(--muted);font-size:12px;line-height:1.5}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.data-grid{grid-template-columns:1fr}.operations-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.twenty-list article{grid-template-columns:auto 1fr}.record-fields{grid-column:2}}@media (width<=900px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:42vh}.app-shell{grid-template-columns:1fr}.sidebar{width:100%;height:auto;position:static}nav{flex-wrap:wrap;margin-top:24px;display:flex}nav .nav-button{width:auto}.session-card{margin-top:20px}.metrics,.data-grid{grid-template-columns:1fr}.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-launcher,.agency-board,.chat-shell{grid-template-columns:1fr}.conversation-list{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=560px){.brand-panel,.login-panel,.content{padding:26px}.content>header,.integration-toolbar{flex-direction:column;align-items:flex-start}.twenty-list article{grid-template-columns:auto 1fr}.record-fields,.message-composer{grid-template-columns:1fr}.message-composer button{min-height:44px}}