@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{color:#f0f3e9;font-synthesis:none;background:#07120d;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,textarea{font:inherit}button{cursor:pointer}.auth-shell{background:#07120d;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);min-height:100vh;display:grid}.auth-intro{background:radial-gradient(74% 70% at 18% 88%,#85b15333,#0000 66%),radial-gradient(60% 55% at 76% 18%,#2d623d42,#0000 70%),#09160f;border-right:1px solid #c5d5b61f;flex-direction:column;min-height:100vh;padding:clamp(28px,5vw,78px);display:flex}.auth-intro .brand{padding:0}.auth-copy{width:min(540px,100%);margin:auto 0}.auth-copy .eyebrow{margin:0 0 22px}.auth-copy h1{letter-spacing:-4.2px;max-width:470px;margin:0;font-size:clamp(43px,5.2vw,66px);font-weight:600;line-height:1.02}.auth-copy h1 em{color:#c8ff65;font:italic 600 1em Playfair Display,serif}.auth-copy>p:last-child{color:#a6b6a2;max-width:410px;margin:23px 0 0;font-size:14px;line-height:1.75}.auth-summary{color:#81957f;letter-spacing:.9px;border-top:1px solid #c5d5b62e;width:min(260px,100%);padding:14px 0;font:9px DM Mono,monospace}.auth-summary strong{color:#c8ff65;letter-spacing:0;margin:0 9px;font:700 11px Manrope,sans-serif;display:inline-block}.auth-summary small{color:#657863;letter-spacing:0;margin-top:7px;font:10px Manrope,sans-serif;display:block}.auth-panel{background:linear-gradient(145deg,#102218,#0b1710);place-items:center;padding:36px;display:grid}.auth-form{width:min(390px,100%)}.auth-form .panel-kicker{color:#c8ff65;margin:0 0 16px}.auth-form h2{color:#f1f6ea;letter-spacing:-1.8px;margin:0;font-size:32px}.auth-description{color:#8fa38d;margin:12px 0 31px;font-size:12px;line-height:1.65}.auth-form label{color:#b8c5b4;letter-spacing:.8px;text-transform:uppercase;gap:7px;margin-top:15px;font:10px DM Mono,monospace;display:grid}.auth-form input{color:#eff6ea;letter-spacing:0;text-transform:none;background:#040f0966;border:1px solid #cce0bf2e;border-radius:7px;outline:none;width:100%;height:46px;padding:0 13px;font:13px Manrope,sans-serif;transition:all .18s}.auth-form input::placeholder{color:#617460}.auth-form input:focus{border-color:#c8ff65;box-shadow:0 0 0 3px #c8ff6517}.auth-submit{color:#11200d;background:#c8ff65;border:0;border-radius:7px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:27px;font-size:12px;font-weight:800;transition:all .18s;display:inline-flex}.auth-submit:hover:not(:disabled){background:#d9ff94;transform:translateY(-1px)}.auth-submit:disabled{opacity:.65;cursor:wait}.auth-error{color:#ffc2b8;background:#88281d29;border:1px solid #ee7c695c;border-radius:6px;margin:16px 0 -9px;padding:10px 11px;font-size:11px;line-height:1.45}.auth-switch{color:#829482;text-align:center;margin:21px 0 0;font-size:11px}.auth-switch button{color:#c8ff65;font:inherit;background:0 0;border:0;padding:0;font-weight:800}.auth-loading{color:#9eb29a;letter-spacing:1px;text-align:center;background:#07120d;place-content:center;gap:14px;min-height:100vh;font:11px DM Mono,monospace;display:grid}.auth-loading .brand-mark{margin:0 auto}.profile b{text-overflow:ellipsis;white-space:nowrap;max-width:135px;overflow:hidden}.profile-logout{color:#7d917c;background:0 0;border:0;border-radius:4px;margin-left:auto;padding:4px}.profile-logout:hover{color:#c8ff65;background:#c8ff6514}.profile-logout svg{margin-left:0}@media (width<=870px){.auth-shell{grid-template-columns:1fr}.auth-intro{min-height:300px;padding:32px}.auth-copy{margin:auto 0}.auth-copy h1{font-size:45px}.auth-summary{display:none}.auth-panel{padding:46px 28px}}@media (width<=590px){.auth-intro{min-height:240px;padding:28px 23px}.auth-intro .brand{padding-bottom:22px}.auth-copy h1{letter-spacing:-3px;font-size:39px}.auth-copy>p:last-child{margin-top:15px;font-size:12px}.auth-panel{padding:37px 22px}.auth-form h2{font-size:28px}}.app-shell{background:radial-gradient(70% 58% at 74% 12%,#4c704f33,#0000 66%),#07120d;min-height:100vh;display:flex}.sidebar{background:#050f0abd;border-right:1px solid #c5d5b61f;flex-direction:column;flex:0 0 248px;width:248px;padding:28px 14px 16px;display:flex}.brand{letter-spacing:-1.6px;align-items:center;gap:9px;padding:0 12px 31px;font-size:22px;font-weight:800;display:flex}.brand-mark{align-items:end;gap:2px;width:19px;height:18px;display:flex;transform:skewY(-18deg)}.brand-mark i{background:#c8ff65;border-radius:4px;width:4px;display:block}.brand-mark i:first-child{height:9px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:12px}.workspace-switcher{color:#d7e1ce;background:#aad09117;border-radius:8px;align-items:center;gap:9px;height:42px;margin-bottom:25px;padding:0 10px;font-size:12px;font-weight:700;display:flex}.workspace-dot{background:#c8ff65;border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #c8ff65}.chevron{opacity:.55;margin-left:auto;font-size:17px}nav{gap:4px;display:grid}.nav-item{color:#829284;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:43px;padding:0 10px;font-size:13px;font-weight:600;transition:all .18s;display:flex}.nav-item:hover{color:#edf6e7;background:#afcc990f}.nav-item.selected{color:#eaf4de;background:#1a2c1e;box-shadow:inset 2px 0 #c8ff65}.nav-item em{color:#132112;background:#c8ff65;border-radius:50%;place-items:center;width:19px;height:19px;margin-left:auto;font-size:10px;font-style:normal;display:grid}.sidebar-bottom{margin-top:auto}.profile{color:#dce8d7;border-top:1px solid #c5d5b61a;align-items:center;gap:9px;margin:17px 5px 0;padding-top:17px;display:flex}.profile-image,.contact-avatar{color:#d9ffc5;background:linear-gradient(135deg,#5e7e5a,#26412d);border-radius:50%;place-items:center;width:31px;height:31px;font-size:10px;font-weight:800;display:grid}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{color:#779077;margin-top:2px;font-size:9px}.profile svg{color:#7d917c;margin-left:auto}.workspace{width:min(1250px,100vw - 248px);margin:0 auto;padding:31px clamp(26px,5vw,76px) 36px}.topbar{justify-content:space-between;align-items:center;display:flex}.eyebrow,.panel-kicker,.agent-label span,.candidate-tag,.dot-label{letter-spacing:1.6px;color:#a3b297;font-family:DM Mono,monospace;font-size:9px;font-weight:500}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow span{background:#c8ff65;width:22px;height:1px}.topbar-right{align-items:center;gap:19px;display:flex}.icon-button{color:#a8b9a3;background:0 0;border:1px solid #cbdfc021;border-radius:50%;place-items:center;width:33px;height:33px;padding:0;display:grid}.status{color:#9aa997;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.status i,.dot-label i{background:#c8ff65;border-radius:50%;width:6px;height:6px;box-shadow:0 0 9px #c8ff65}.page-heading{justify-content:space-between;align-items:flex-end;margin:45px 0 32px;display:flex}.page-heading h1{letter-spacing:-3.8px;max-width:630px;margin:0;font-size:clamp(35px,4.3vw,59px);font-weight:600;line-height:1.07}.page-heading h1 strong{color:#c8ff65;letter-spacing:-3.4px;font:italic 600 1em Playfair Display,serif}.page-heading p{color:#94a692;margin:13px 0 0;font-size:13px}.channel-stack{align-items:center;padding-bottom:5px;display:flex}.channel-stack span,.channel-stack b{border:2px solid #0a150e;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:-7px;font-size:13px;display:grid}.whatsapp{color:#092b11;background:#55b96b}.instagram{color:#27101f;background:#b56e9d}.telegram{color:#062332;background:#79b9da}.web{color:#12210e;background:#c8ff65}.channel-stack b{color:#d1dccd;background:#1d2e20;font-size:9px}.training-grid{border:1px solid #cce0bf29;border-radius:14px;grid-template-columns:minmax(430px,1.2fr) minmax(285px,.8fr);display:grid;overflow:hidden;box-shadow:0 30px 80px #00000040}.conversation-card{background:#0e1e13a3;min-height:474px}.card-header{border-bottom:1px solid #cce0bf1c;justify-content:space-between;align-items:center;height:76px;padding:0 25px;display:flex}.contact{align-items:center;gap:11px;display:flex}.contact-avatar{color:#fff3dd;background:linear-gradient(135deg,#dc9d61,#845442);width:36px;height:36px}.contact b,.contact small{display:block}.contact b{font-size:12px}.contact small{color:#829282;margin-top:3px;font-size:10px}.contact small i{background:#4dce77;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.card-header .icon-button{border:0}.conversation-body{padding:27px 25px 18px}.message{border-radius:10px;max-width:80%;padding:12px 14px;font-size:12px;line-height:1.55}.incoming{color:#edf0e7;background:#26372a;border-top-left-radius:2px}.outgoing{color:#11200d;background:#c8ff65;border-top-right-radius:2px;margin-left:auto;font-weight:600}.timestamp{color:#637363;margin:7px 0 24px 3px;font-size:9px}.agent-label{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.agent-label span{color:#c8ff65;align-items:center;gap:6px;display:flex}.agent-label small{color:#71806f;font-size:9px}.reply-editor{resize:vertical;color:#11200d;background:#d9ff97;border:1px solid #c8ff65;border-radius:10px 2px 10px 10px;outline:0;width:80%;min-height:72px;margin-left:auto;padding:12px 14px;font-size:12px;font-weight:600;line-height:1.55;display:block}.response-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.secondary-button,.primary-button,.approve-button,.quiet-button{border-radius:6px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:0 12px;font-size:10px;font-weight:800;display:inline-flex}.secondary-button{color:#bac8b7;background:0 0;border:1px solid #cce0bf33}.primary-button{color:#13230e;background:#c8ff65;border:1px solid #c8ff65}.primary-button:disabled{opacity:.7}.conversation-footer{color:#829282;border-top:1px solid #cce0bf1a;align-items:center;gap:8px;height:53px;padding:0 25px;font-size:10px;display:flex}.learning-panel{background:linear-gradient(154deg,#264729c4,#0f2315fa);border-left:1px solid #cce0bf21;padding:29px 28px}.panel-kicker{color:#c8ff65;align-items:center;gap:7px;display:flex}.panel-intro h2{letter-spacing:-1.1px;margin:13px 0 8px;font-size:21px;line-height:1.16}.panel-intro p{color:#a8b8a4;margin:0;font-size:11px;line-height:1.65}.rule-candidate{background:#06130a47;border:1px solid #c8ff6545;border-radius:7px;margin:23px 0 14px;padding:15px}.candidate-tag{color:#c8ff65;font-size:8px}.rule-candidate p{color:#e4ebdc;margin:10px 0 13px;font-size:11px;line-height:1.6}.rule-candidate div{color:#7e927e;justify-content:space-between;font-size:9px;display:flex}.rule-candidate b{color:#c8ff65}.approve-button{color:#13230e;background:#c8ff65;border:0;width:100%;min-height:39px;transition:all .2s}.approve-button:hover{background:#d8ff91;transform:translateY(-1px)}.approve-button.approved{color:#effbe8;background:#6f9e62}.quiet-button{color:#a6b6a3;background:0 0;border:0;width:100%;margin-top:8px}.learning-note{color:#7f927e;border-top:1px solid #cce0bf1f;gap:8px;margin-top:17px;padding-top:15px;display:flex}.learning-note span{color:#c8ff65}.learning-note p{margin:0;font-size:9px;line-height:1.6}.learning-note b{color:#b9cab2}.lower-strip{background:#0c1c1175;border:1px solid #cce0bf1c;border-radius:10px;justify-content:space-between;align-items:center;margin-top:17px;padding:18px 22px;display:flex}.dot-label{align-items:center;gap:7px;font-size:8px;display:flex}.lower-strip h3{letter-spacing:-.4px;margin:7px 0 0;font-size:13px}.lower-strip p{color:#8e9f8d;font-size:10px}.lower-strip p span{color:#c8ff65;margin:0 7px}@media (width<=870px){.sidebar{flex-basis:66px;width:66px;padding:25px 9px}.brand{padding:0 12px 30px}.brand>span:last-child,.workspace-switcher span:not(.workspace-dot),.nav-item span,.nav-item em,.profile>span:not(.profile-image),.profile svg{display:none}.workspace-switcher,.nav-item{justify-content:center;padding:0}.workspace{width:calc(100vw - 66px)}.training-grid{grid-template-columns:1fr}.learning-panel{border-top:1px solid #cce0bf21;border-left:0}.learning-note{display:none}}@media (width<=590px){.sidebar{display:none}.workspace{width:100%;padding:24px 16px}.page-heading{margin:34px 0 25px}.page-heading h1{letter-spacing:-2.8px;font-size:37px}.channel-stack{display:none}.training-grid{border-radius:10px}.conversation-card{min-height:455px}.card-header,.conversation-body,.conversation-footer{padding-left:16px;padding-right:16px}.agent-label small{display:none}.message{max-width:92%}.reply-editor{width:92%}.lower-strip{display:block}.lower-strip p{margin-bottom:0}.status{display:none}}.search-box{color:#92a38f;border:1px solid #cbdfc021;border-radius:18px;align-items:center;gap:7px;width:190px;height:34px;padding:0 10px;display:flex}.search-box input,.create-conversation input,.rule-form textarea,.composer textarea{color:#eaf3e3;background:0 0;border:0;outline:0;width:100%;font:12px Manrope,sans-serif}.search-box input::placeholder,.create-conversation input::placeholder,.rule-form textarea::placeholder,.composer textarea::placeholder{color:#667863}.workspace-error{color:#ffc2b8;background:#88281d29;border:1px solid #ee7c695c;border-radius:7px;margin:20px 0 0;padding:11px 13px;font-size:12px}.workspace-loading{color:#9daf99;letter-spacing:1px;text-align:center;margin:82px 0;font:11px DM Mono,monospace}.live-grid{background:#08170dad;border:1px solid #cce0bf29;border-radius:14px;grid-template-columns:minmax(250px,.7fr) minmax(430px,1.3fr);min-height:560px;margin-top:39px;display:grid;overflow:hidden;box-shadow:0 30px 80px #00000038}.inbox-panel{border-right:1px solid #cce0bf1f;padding:23px 15px}.section-heading{justify-content:space-between;align-items:flex-start;padding:0 9px 16px;display:flex}.section-heading h1{letter-spacing:-1.4px;margin:7px 0 0;font-size:23px}.section-heading>b{color:#c8ff65;background:#203923;border-radius:50%;place-items:center;min-width:25px;height:25px;font:11px DM Mono,monospace;display:grid}.create-conversation{background:#030d076b;border:1px solid #cce0bf21;border-radius:8px;gap:7px;padding:8px;display:flex}.compact-action{color:#11200d;background:#c8ff65;border:0;border-radius:5px;flex:0 0 31px;place-items:center;width:31px;display:grid}.conversation-list{gap:4px;margin-top:13px;display:grid}.conversation-row{color:#dce8d7;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:32px minmax(0,1fr) 58px;align-items:center;gap:9px;width:100%;padding:11px 9px;display:grid}.conversation-row:hover,.conversation-row.selected{background:#add48d17}.conversation-row b,.conversation-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.conversation-row b{font-size:11px}.conversation-row small,.conversation-row time{color:#829482;margin-top:3px;font-size:9px}.conversation-row time{text-align:right;line-height:1.35}.conversation-row .contact-avatar{width:32px;height:32px}.message-panel{flex-direction:column;min-width:0;display:flex}.message-header{border-bottom:1px solid #cce0bf1a;padding:24px 28px 18px}.message-header h2{letter-spacing:-1px;margin:7px 0 3px;font-size:22px}.message-header small{color:#839581;font-size:10px}.message-stream{flex-direction:column;flex:1;gap:13px;min-height:295px;max-height:420px;padding:25px 28px;display:flex;overflow-y:auto}.message{max-width:75%;margin:0}.message p{margin:0}.message small{color:#7e8d7a;margin-top:6px;font-size:9px;display:block}.message.outgoing{margin-left:auto}.composer{border-top:1px solid #cce0bf1a;align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.composer textarea,.rule-form textarea{resize:vertical;background:#030d076b;border:1px solid #cce0bf2b;border-radius:7px;min-height:42px;padding:10px;line-height:1.45}.composer .primary-button{flex:none;min-height:42px}.content-page{margin-top:8px}.content-page .page-heading{margin-top:45px}.proposal-list{gap:10px;max-width:880px;display:grid}.proposal-list article,.event-list article,.channel-readiness article{background:#0d1f1294;border:1px solid #cce0bf24;border-radius:9px;padding:17px 18px}.proposal-status{color:#c8ff65;letter-spacing:1px;font:9px DM Mono,monospace}.proposal-status.approved{color:#8cd67a}.proposal-list p{color:#e0e9d9;margin:10px 0 14px;font-size:13px;line-height:1.6}.proposal-list footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.proposal-list small{color:#80917e;font-size:10px}.rule-form{align-items:flex-end;gap:10px;max-width:880px;margin-bottom:13px;display:flex}.rule-form textarea{min-height:72px}.event-list{gap:8px;max-width:880px;display:grid}.event-list article{align-items:center;gap:12px;display:flex}.event-mark{background:#c8ff65;border-radius:50%;width:8px;height:8px;box-shadow:0 0 9px #c8ff6599}.event-list b,.event-list small{display:block}.event-list b{letter-spacing:.4px;font:11px DM Mono,monospace}.event-list small{color:#80917e;margin-top:5px;font-size:10px}.empty-copy{color:#91a18d;font-size:12px;line-height:1.7}.empty-state{color:#a7b7a2;text-align:center;place-content:center;justify-items:center;gap:11px;min-height:300px;padding:40px;display:grid}.empty-state svg{color:#c8ff65}.empty-state h2{color:#e6eee0;letter-spacing:-1px;margin:0;font-size:20px}.empty-state p{max-width:450px;margin:0;font-size:12px;line-height:1.65}.outlined{background:#0d1f1259;border:1px dashed #c8ff6547;border-radius:10px;min-height:240px}.channel-readiness{gap:9px;max-width:880px;display:grid}.channel-readiness article{padding:18px}.channel-readiness b{color:#e6eee0;font-size:13px}.channel-readiness p{color:#91a18d;margin:6px 0 0;font-size:11px;line-height:1.6}@media (width<=870px){.live-grid{grid-template-columns:1fr}.inbox-panel{border-bottom:1px solid #cce0bf1f;border-right:0}.conversation-list{max-height:240px;overflow-y:auto}.rule-form{display:grid}.rule-form .primary-button{width:fit-content}}@media (width<=590px){.topbar-right{gap:8px}.search-box{width:145px}.live-grid{margin-top:26px}.inbox-panel,.message-header,.message-stream{padding-left:16px;padding-right:16px}.composer{padding:12px;display:grid}.composer .primary-button{width:100%}.rule-form{display:grid}.rule-form .primary-button{width:100%}.conversation-row time{display:none}.conversation-row{grid-template-columns:32px minmax(0,1fr)}}
