:root{color:#202537;font-synthesis:none;--purple:#7255ed;--navy:#0d1124;--muted:#858b9c;--line:#edf0f5;background:#f5f6fa;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:4px}button{cursor:pointer;color:#42475a;background:#fff;border:1px solid #e7e9f0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:600;transition:background .15s;display:inline-flex}button:hover{background:#f1edff}button:disabled{opacity:.5;cursor:not-allowed}button svg{width:17px;height:17px}a{color:var(--purple)}svg{flex-shrink:0;width:21px;height:21px}input,select,textarea{color:#252a3b;background:#fff;border:1px solid #dfe3ed;border-radius:10px;width:100%;padding:13px}input:focus,textarea:focus,select:focus{border-color:var(--purple);outline:2px solid #eee9ff}label{font-weight:600;line-height:1.6;display:block}label input,label select,label textarea{margin:7px 0 15px}label small{color:var(--muted);float:right;font-weight:400}.primary{background:var(--purple);border-color:var(--purple);color:#fff}.primary:hover{color:#fff;background:#6042da}.compact{padding:9px 14px}.eyebrow{letter-spacing:2px;color:#8d83ac;font-size:10px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.2px;font-size:32px;font-weight:700}h2{letter-spacing:-.3px;font-size:19px}h3{font-size:14px}p{line-height:1.7}.muted,small{color:var(--muted)}.pill{color:#786692;background:#eceaf6;border-radius:6px;padding:5px 9px;font-size:10px;font-weight:600;display:inline-block}.pill.green{color:#219767;background:#e7f7ed}.brand{object-fit:contain;width:150px;height:75px}.auth{grid-template-columns:1.05fr 1fr;min-height:100dvh;display:grid}.auth-story{color:#fff;background:radial-gradient(at 80% 60%,#292046 0%,#0000 55%),#0c1021;min-height:750px;padding:46px 70px;position:relative;overflow:hidden}.auth-story .brand{filter:brightness(1.2);margin-left:-20px}.auth-story .eyebrow{color:#a99ad8;margin-top:70px}.auth-story h1{z-index:1;letter-spacing:-3px;margin-top:22px;font-size:clamp(44px,5vw,72px);line-height:1.1;position:relative}.auth-story h1 span{color:#a68aff}.auth-story p{color:#a1a3b6;z-index:1;max-width:300px;font-size:15px;position:relative}.auth-story footer{letter-spacing:3px;color:#666e89;font-size:10px;position:absolute;bottom:40px}.auth-visual{width:360px;height:380px;position:absolute;bottom:80px;right:-55px}.auth-visual:before{content:"";border:1px solid #7667a43f;border-radius:50%;width:300px;height:300px;position:absolute;top:0;left:20px;box-shadow:0 0 0 50px #7767a410,0 0 0 100px #7767a40b}.auth-visual img{object-fit:contain;filter:drop-shadow(0 20px 35px #060711);width:300px;height:300px;position:relative}.visual-label{color:#d3cce4;background:#272741dd;border:1px solid #4c446a;border-radius:15px;align-items:center;gap:10px;padding:15px 25px;display:flex;position:absolute;bottom:40px;left:30px;box-shadow:0 15px 35px #090b17}.dot{background:#73eab7;border-radius:50%;width:7px;height:7px}.auth-form{flex-direction:column;justify-content:center;width:370px;margin:0 auto;padding:50px 0;display:flex}.secure{color:#9a8bbf;letter-spacing:1.4px;align-items:center;gap:8px;margin-bottom:30px;font-size:9px;display:flex}.secure svg{width:15px}.auth-form h2{letter-spacing:-1px;margin-bottom:10px;font-size:29px}.auth-form>p{color:#8b8da0;margin-bottom:32px}.auth-form .primary{justify-content:space-between;width:100%;margin-top:6px;padding:14px}.auth-note{color:#9095a5;border-top:1px solid #e6e8f0;margin-top:30px;padding-top:25px;font-size:11px;line-height:1.8}.auth-note svg{float:left;width:19px;margin-right:14px}.version{color:#b1b5c2;margin-top:50px;font-size:10px}#auth-error{color:#c34868;margin-top:14px;font-size:12px}.activation{max-width:460px;margin:50px auto;padding:20px}.activation code{word-break:break-all;font-size:15px}.layout{min-height:100dvh;display:flex}.sidebar{background:var(--navy);color:#a1a4b6;z-index:3;flex-direction:column;width:248px;padding:28px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.logo{flex-direction:column;align-items:flex-start;padding:0 14px;text-decoration:none;display:flex}.logo img{object-fit:contain;width:133px;height:48px}.logo span{letter-spacing:3.8px;color:#676d87;padding:7px 0 0 11px;font-size:9px}.workspace{color:#ececf3;border:1px solid #292d41;border-radius:11px;align-items:center;gap:12px;margin-top:30px;padding:17px 12px;font-size:12px;display:flex}.workspace-icon{color:#b8a5ff;background:#282743;border:1px solid #40385c;border-radius:8px;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.workspace small{color:#626a83;margin-top:4px;font-size:9px;display:block}.workspace-dot{background:#75bd99;border-radius:50%;width:5px;height:5px;margin-left:auto}.nav-caption{letter-spacing:1.6px;color:#515a76;padding:31px 15px 15px;font-size:9px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.nav-item{color:#8e94af;background:0 0;border:0;justify-content:flex-start;gap:13px;width:100%;padding:13px 14px;font-size:12px;font-weight:500}.nav-item.active{color:#d6c8ff;background:#252039}.nav-item.active svg{color:#a387ff}.nav-item:hover{color:#eee;background:#20243a}.nav-item em{color:#d2b8ff;background:#3c2b65;border-radius:5px;place-items:center;width:19px;height:19px;margin-left:auto;font-size:9px;font-style:normal;display:grid}.sidebar-bottom{margin-top:auto;padding-top:25px}.byte-card{color:#d8d0ea;background:linear-gradient(110deg,#1d2037,#201b35);border:1px solid #34304b;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:14px 9px;font-size:10px;display:flex}.byte-card img{object-fit:contain;width:35px;height:40px}.byte-card small{color:#716887;margin-top:5px;font-size:8px;display:block}.byte-card .pill{color:#9b8ab6;background:#36304b;margin-left:auto;padding:4px 5px;font-size:8px}.user{color:#c8cbda;border-top:1px solid #252a3f;align-items:center;gap:9px;padding:20px 0;font-size:11px;display:flex}.user small{color:#616984;margin-top:6px;font-size:9px;display:block}.avatar{border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:12px;font-weight:600;display:grid}.avatar.purple{color:#9376c3;background:#eee9fc}.avatar.blue{color:#6c92c2;background:#e4edf9}.user .avatar{color:#c0aadf;background:#39314e;border-radius:9px;width:31px;height:31px;font-size:10px}.icon-button{color:#686e85;background:0 0;border:0;padding:6px}.user .icon-button{margin-left:auto}.main{flex:1;min-width:0;margin-left:248px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:84px;padding:24px 35px;display:flex}.breadcrumb{color:#a1a4b0;font-size:11px}.breadcrumb b{color:#d4d6df;margin:0 13px;font-weight:400}.breadcrumb span{color:#5a6072}.environment{color:#abaebc;margin-top:8px;font-size:9px}.top-status{color:#8d92a3;align-items:center;gap:7px;font-size:10px;display:flex}.status-light{background:#9aa1b5;border-radius:50%;width:6px;height:6px}.status-light.offline{background:#ec8f5d}.top-avatar{color:#8973b5;background:#f0eafa;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:18px;display:grid}.page-head{justify-content:space-between;align-items:center;padding:29px 35px 23px;display:flex}.page-head h1{margin:8px 0;font-size:29px}.heading-dot{color:#8b63ef}.page-head p{color:#959bad;margin:0;font-size:11px}.page-head .eyebrow{letter-spacing:1.8px;font-size:8px}.channel{color:#6d8c7f;background:#fbfdfa;border:1px solid #e1e7e3;border-radius:8px;align-items:center;gap:8px;padding:9px 11px;font-size:10px;display:flex}.channel svg{width:13px;height:13px}.inbox{background:#fff;border:1px solid #e6e8f1;border-radius:13px;grid-template-columns:330px 1fr;height:calc(100dvh - 224px);min-height:470px;margin:0 35px 30px;display:grid;overflow:hidden;box-shadow:0 4px 20px #1c204a03}.list-pane{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.list-toolbar{justify-content:space-between;align-items:center;padding:21px 19px 16px;display:flex}.list-toolbar h3{margin:0;font-size:12px}.list-toolbar h3 span{color:#8c7bac;background:#efedf7;border-radius:5px;margin-left:5px;padding:3px 6px;font-size:9px}.live{color:#a1a8b7;font-size:8px}.search{color:#a7aabc;background:#f7f8fb;border:1px solid #eef0f5;border-radius:8px;align-items:center;margin:0 18px 13px;padding-left:10px;display:flex}.search svg{width:14px}.search input{background:0 0;border:0;outline:none;padding:11px 8px;font-size:10px}.filters{gap:5px;margin:0 18px 16px;display:flex}.filters button{color:#9095a6;background:#fafbfc;border:0;padding:7px 12px;font-size:10px;font-weight:500}.filters button.chosen{color:#8c6cc7;background:#eee9fc}.conversation-list{flex:1;overflow-y:auto}.conversation-row{text-align:left;background:#fff;border:0;border-top:1px solid #f4f5f9;border-radius:0;align-items:flex-start;gap:11px;width:100%;padding:18px;font-weight:400;display:flex}.conversation-row.selected{background:#f6f2ff;border-left:3px solid #a98bed;padding-left:15px}.conversation-row>div{flex:1;min-width:0}.row-name{justify-content:space-between;font-size:11px;font-weight:600;display:flex}.row-name time{color:#a5aab7;font-size:8px;font-weight:400}.conversation-row p{color:#a0a4b2;white-space:nowrap;text-overflow:ellipsis;margin:7px 0 10px;font-size:10px;overflow:hidden}.row-meta{justify-content:space-between;align-items:center;display:flex}.row-meta small{font-size:8px}.state{white-space:nowrap;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:500;display:inline-block}.state.byte{color:#8f77c1;background:#edeafb}.state.waiting{color:#c09a60;background:#fff2e4}.state.human{color:#699bbc;background:#e9f3fb}.state.closed{color:#7ca28d;background:#e8f5ee}.empty-list{text-align:center;color:#a8aebb;padding:60px 30px}.empty-list svg{stroke:#c6c3d7;width:30px;height:30px;margin-bottom:18px}.empty-list h3{color:#9296a7;font-size:11px}.empty-list p{font-size:10px}.thread-pane{flex-direction:column;min-width:0;min-height:0;display:flex}.empty-thread{text-align:center;background:radial-gradient(#faf8ff 0%,#fff 70%);flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.orb{background:radial-gradient(#e8e0fd,#0000 65%);border-radius:50%;place-items:center;width:175px;height:175px;margin-bottom:15px;display:grid;position:relative}.orb:before{content:"";border:1px solid #f0eafc;border-radius:50%;position:absolute;inset:20px;box-shadow:0 0 0 18px #f7f4fe}.orb img{object-fit:contain;width:125px;height:140px;position:relative}.empty-thread .eyebrow{letter-spacing:1.8px;color:#ada1c3;margin-top:7px;font-size:8px}.empty-thread h2{letter-spacing:-.5px;color:#51536b;margin:16px 0 9px;font-size:20px}.empty-thread p{color:#a4a4b5;font-size:11px;line-height:1.8}.empty-features{border-top:1px solid #f1eff7;gap:20px;margin-top:22px;padding-top:25px;display:flex}.empty-features span{color:#aaa7bc;align-items:center;gap:6px;font-size:9px;display:flex}.empty-features svg{width:13px;height:13px}.thread-head{border-bottom:1px solid var(--line);align-items:center;gap:11px;padding:17px 22px;display:flex}.thread-head h2{margin:0 0 6px;font-size:13px}.thread-head small{font-size:9px}.thread-head .state{margin-left:auto}.thread-actions{border-bottom:1px solid #f2f3f8;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 17px;display:flex}.thread-actions button{padding:7px 9px;font-size:9px}.summary{color:#9788b0;background:#f8f5ff;border:1px solid #eee8fc;border-radius:9px;margin:13px 18px 0;padding:10px;font-size:10px}.summary b{color:#7f6da1;font-size:9px}.summary p{margin:5px 0}.tags{gap:6px;padding:7px 18px;display:flex}.tags span{color:#8a8fa3;background:#f2f3f8;border-radius:4px;padding:4px 7px;font-size:9px}.messages{background:#fcfcfe;flex-direction:column;flex:1;align-items:flex-start;gap:12px;min-height:120px;padding:15px 25px;display:flex;overflow:auto}.day-divider{color:#b6b7c6;align-self:center;margin-bottom:10px;font-size:8px}.message{background:#fff;border:1px solid #eeedf4;border-radius:12px;max-width:80%;padding:11px 14px;font-size:11px;box-shadow:0 2px 4px #10183202}.message.out{background:#f1ebff;border-color:#e7dff9;border-bottom-right-radius:3px;align-self:flex-end}.message.in{border-bottom-left-radius:3px}.message.internal{color:#9f895b;background:#fff7e5;border-color:#f3e6c5;align-self:center;width:90%;max-width:90%}.message small{color:#ab9ac3;font-size:8px}.message p{white-space:pre-wrap;overflow-wrap:anywhere;color:#626477;margin:6px 0;font-size:11px}.message footer{text-align:right;color:#aba6bc;font-size:7px}.retry{margin-top:8px;padding:5px;font-size:8px}.composer{background:#fff;border-top:1px solid #eeedf6;padding:14px 19px 16px}.composer-tabs{gap:17px;margin-bottom:9px;display:flex}.composer-tabs label{color:#9590a8;align-items:center;gap:4px;font-size:9px;font-weight:500;display:flex}.composer-tabs input{width:auto;accent-color:var(--purple);margin:0}.composer textarea{resize:none;background:#faf9fd;border:0;min-height:70px;padding:12px;font-size:11px}.composer-bottom{justify-content:space-between;align-items:center;margin-top:9px;display:flex}.composer-bottom small{max-width:70%;font-size:8px}.composer button{font-size:10px}.card{background:#fff;border:1px solid #e7e9f1;border-radius:12px;padding:24px}.card h2{color:#5d5875;align-items:center;gap:9px;font-size:16px;display:flex}.card p{color:#9995aa;font-size:12px}.page-body{gap:20px;padding:0 35px 30px;display:grid}.section-tools{justify-content:space-between;align-items:center;display:flex}.section-tools p{color:#9a95ac;margin:0;font-size:11px}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;padding:0 35px;display:grid}.metric{background:#fff;border:1px solid #e7e5f0;border-radius:11px;flex-direction:column;gap:14px;padding:25px;display:flex}.metric>svg{color:#b59ddc}.metric span{color:#a49bb6;font-size:12px}.metric strong{color:#736a8b;font-size:30px}.metric small{font-size:8px}.overview-note{max-width:680px;margin:24px 35px}.settings-grid{grid-template-columns:1fr 1fr}.settings-grid>.primary{width:max-content}.weekdays{gap:8px;margin:15px 0;display:flex}.weekdays label{flex-direction:column;align-items:center;font-size:10px;display:flex}.weekdays input{width:auto;accent-color:var(--purple);margin:0 0 8px}.time-inputs{gap:20px;display:flex}.check-label{align-items:center;gap:9px;font-size:11px;display:flex}.check-label input{width:auto;accent-color:var(--purple);margin:0}.settings-grid small{margin-top:18px;font-size:10px;display:block}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{text-transform:uppercase;letter-spacing:.8px;color:#a6a2b3;padding:15px 10px;font-size:9px;font-weight:600}td{color:#9692a5;border-top:1px solid #efedf5;padding:15px 10px}td b{color:#787086}td button{padding:6px 10px;font-size:9px}.article-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;display:grid}.article-grid h2{margin-top:15px}.article-grid p{white-space:pre-wrap}.article-grid a{margin-top:18px;font-size:11px;display:block}.toast{color:#fff;z-index:20;background:#252139;border-radius:11px;max-width:90vw;padding:15px 22px;font-size:12px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 25px #1212222f}dialog{color:#686077;border:1px solid #e1daef;border-radius:15px;width:420px;max-width:95vw;padding:25px;box-shadow:0 25px 80px #15102025}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#12122470}dialog header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}dialog h2{margin:0}dialog header button{background:0 0;border:0;padding:5px;font-size:20px}dialog footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}dialog p{color:#9991a8;font-size:12px}dialog textarea{min-height:120px}dialog label{font-size:12px}.attachment{font-size:10px}@media (width>=1500px){.inbox{grid-template-columns:370px 1fr}.sidebar{width:265px}.main{margin-left:265px}}@media (width<=1100px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.main{margin-left:210px}.inbox{grid-template-columns:290px 1fr;margin-left:22px;margin-right:22px}.topbar,.page-head{padding-left:22px;padding-right:22px}.empty-features{gap:10px}.empty-thread h2{font-size:17px}.metrics{gap:10px;padding:0 22px}.metric{padding:16px}.auth-story{padding:40px}.auth-visual{opacity:.7;right:-115px}}@media (width<=800px){.auth{display:block}.auth-story{display:none}.auth-form{width:min(85%,370px);min-height:100dvh}.sidebar{width:70px;padding:20px 8px}.logo{padding:0}.logo img{width:54px}.logo span,.workspace,.nav-caption,.nav-item span,.nav-item em,.sidebar-bottom{display:none}.sidebar nav{margin-top:35px}.nav-item{justify-content:center;padding:13px}.main{margin-left:70px}.channel{display:none}.topbar{height:72px;padding:18px}.top-status{font-size:8px}.page-head{padding:20px}.page-head h1{font-size:24px}.inbox{grid-template-columns:240px 1fr;height:calc(100dvh - 204px);margin:0 14px 14px}.empty-features{display:none}.empty-thread{padding:15px}.orb{width:100px;height:100px}.orb img{width:80px;height:95px}.thread-actions{gap:4px;padding:7px}.thread-head{padding:13px}.thread-head .state{display:none}.thread-head h2{font-size:11px}.thread-head small{font-size:8px}.thread-head .avatar{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.settings-grid{grid-template-columns:1fr}.page-body{padding:0 20px 20px}.composer-bottom small{display:none}.card{padding:18px}.section-tools{gap:10px}table{display:block;overflow:auto}}@media (width<=600px){.inbox{flex-direction:column;height:auto;min-height:600px;display:flex}.list-pane{border-right:0;border-bottom:1px solid var(--line);max-height:320px}.empty-list{padding:30px}.thread-pane{min-height:450px}.thread-pane:has(.messages){height:650px}.empty-thread{min-height:380px}.top-avatar{display:none}.environment{font-size:8px}.page-head .eyebrow{font-size:7px}.section-tools{flex-direction:column;align-items:flex-start}}.byte-sprite{background-image:url(/assets/byte.webp);background-position:0 0;background-size:400% 200%;width:125px;height:140px;display:block;position:relative}.byte-card .byte-sprite{flex-shrink:0;width:35px;height:40px}.auth-visual .byte-sprite{width:300px;height:300px}.orb .byte-sprite{width:125px;height:140px}@media (width<=800px){.orb .byte-sprite{width:80px;height:95px}.nav-item{position:relative}.nav-item:hover:after{content:attr(title);color:#fff;z-index:20;white-space:nowrap;background:#252339;border-radius:8px;padding:8px 12px;position:absolute;left:60px}.composer-bottom{flex-wrap:wrap}}