@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#071e25;--shell:#0a2028;--rail:#08252b;--panel:#102b32;--pane:#0d252d;--surface:#19343c;--surface-2:#213f46;--hover:#23444a;--line:#24414a;--text:#e7f2f2;--sub:#9db3b5;--faint:#718a8e;--primary:#39d5b3;--strong:#0b2f31;--my:#175348;--bubble:#244049;--white:#fff;--shadow:0 24px 65px rgba(0,0,0,.3);color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif}
:root[data-theme="light"]{--bg:#e7eff0;--shell:#fff;--rail:#f0f7f6;--panel:#fff;--pane:#f3f7f6;--surface:#eef5f4;--surface-2:#e5efee;--hover:#dcefeb;--line:#e1eae8;--text:#17313a;--sub:#687e83;--faint:#8da1a4;--primary:#0ea987;--strong:#fff;--my:#d2f7ea;--bubble:#fff;--shadow:0 22px 70px rgba(28,62,60,.16);color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;min-width:320px}body{background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit;border:0;cursor:pointer;background:none}button:disabled{opacity:.55;cursor:wait}input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}a{color:inherit;text-decoration:none}#app{height:100dvh;overflow:hidden}svg{flex-shrink:0}h1,h2,h3,h4,p{margin-top:0}.loading-screen{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--text)}.loading-screen .mark{color:var(--primary);font-size:70px}.loading-screen h1{font-size:20px;letter-spacing:.2em}.loading-screen p{color:var(--sub)}
.app-shell{height:100%;display:flex;max-width:2000px;margin:auto;border:1px solid var(--line);background:var(--shell);overflow:hidden}.rail{background:var(--rail);width:76px;min-width:76px;display:flex;align-items:center;flex-direction:column;border-right:1px solid var(--line);padding:24px 0 20px;gap:40px}.rail-brand,.logo-symbol{width:41px;height:41px;border-radius:14px;background:var(--primary);color:#042a2c;display:grid;place-items:center;font-size:30px;font-weight:700;box-shadow:0 8px 25px rgba(29,199,159,.22)}.rail-top,.rail-bottom{display:flex;align-items:center;flex-direction:column;gap:13px}.rail-bottom{margin-top:auto}.rail-btn{width:45px;height:45px;color:var(--sub);border-radius:14px;display:grid;place-items:center;transition:.15s}.rail-btn:hover{background:var(--hover);color:var(--text)}.rail-btn.active{background:rgba(44,209,169,.14);color:var(--primary);position:relative}.rail-btn.active:before{content:"";position:absolute;left:-16px;width:3px;height:25px;border-radius:4px;background:var(--primary)}.avatar{width:45px;height:45px;min-width:45px;display:inline-grid;place-items:center;position:relative;border-radius:16px;font-weight:800;letter-spacing:.02em;color:white;font-size:13px;background:#2c8a83}.avatar.sm{width:36px;height:36px;min-width:36px;border-radius:12px;font-size:12px}.avatar.lg{width:62px;height:62px;min-width:62px;font-size:20px;border-radius:21px}.avatar.xl{width:86px;height:86px;min-width:86px;font-size:26px;border-radius:28px}.tone0{background:linear-gradient(140deg,#148a8d,#2464a0)}.tone1{background:linear-gradient(140deg,#6f6ec4,#aa6f9e)}.tone2{background:linear-gradient(140deg,#0e9b83,#347d88)}.tone3{background:linear-gradient(140deg,#d4844e,#c65a78)}.tone4{background:linear-gradient(140deg,#7f9a49,#3e8c6c)}.tone5{background:linear-gradient(140deg,#4b86bb,#7555ac)}.status-dot{width:11px;height:11px;border:2px solid var(--panel);background:#46d998;border-radius:50%;position:absolute;right:-2px;bottom:-2px}
.sidebar{width:353px;min-width:290px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden}.side-head{padding:31px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:9px}.side-head h2{margin:5px 0 0;font-family:'Plus Jakarta Sans',sans-serif;font-size:17px;font-weight:800;letter-spacing:-.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.eyebrow,.section-eyebrow{color:var(--primary);font-size:10px;letter-spacing:.16em;font-weight:800}.side-actions{padding:0 17px 15px}.search-input{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:13px;height:45px;padding:0 14px;color:var(--faint)}.search-input input{width:100%;min-width:0;border:0;background:none;color:var(--text);font-size:13px}.search-input input::placeholder,textarea::placeholder{color:var(--faint)}kbd{font-size:15px;font-weight:500}.icon-button{display:inline-grid;place-items:center;color:var(--sub);border-radius:12px;min-width:40px;height:40px}.icon-button:hover{background:var(--hover);color:var(--text)}.plus-head{color:var(--primary);background:rgba(53,203,169,.1)}.filter-row{display:flex;gap:6px;padding:0 17px 22px;overflow:auto}.chip{font-size:11px;font-weight:700;border:1px solid transparent;background:var(--surface);padding:8px 12px;border-radius:9px;color:var(--sub);white-space:nowrap}.chip.sel{background:var(--primary);color:#073630}.side-section-label{padding:0 24px 10px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--faint);font-weight:800;letter-spacing:.12em}.side-section-label button{color:var(--faint)}.chat-list{overflow-y:auto;flex:1;padding:0 10px 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.room-card{display:flex;gap:13px;width:100%;text-align:left;padding:13px 12px;border-radius:13px;align-items:center;transition:.15s}.room-card:hover{background:var(--surface)}.room-card.selected{background:var(--surface-2)}.room-copy{min-width:0;flex:1}.room-top,.room-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.room-top strong{font-size:13px;font-weight:800;max-width:180px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-top time{font-size:10px;color:var(--faint);white-space:nowrap}.room-bottom{margin-top:6px}.room-bottom>span:first-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:207px;font-size:11px;color:var(--sub)}.room-bottom i{font-style:normal}.unread{font-size:10px;border-radius:10px;background:var(--primary);color:#08342d;padding:2px 6px;min-width:18px;text-align:center}.type-dot{color:var(--faint);display:flex}.empty-list{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:42px 20px;color:var(--sub)}.empty-list strong{color:var(--text)}.side-footer{border-top:1px solid var(--line);padding:11px 16px 18px;display:grid;gap:3px}.side-footer button{display:flex;align-items:center;gap:11px;padding:11px;border-radius:10px;color:var(--sub);font-weight:600;font-size:12px;text-align:left}.side-footer button:hover{background:var(--surface);color:var(--primary)}.side-footer button span{margin-left:auto;background:var(--surface);padding:3px 8px;border-radius:7px}
.main-pane{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--pane);position:relative}.main-pane:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.14;background-image:radial-gradient(circle at 15px 15px,var(--faint) 1px,transparent 1px);background-size:40px 40px}.chat-head{height:82px;flex:none;border-bottom:1px solid var(--line);background:var(--panel);display:flex;align-items:center;padding:0 26px;position:relative;z-index:1;gap:11px}.head-identity{display:flex;align-items:center;gap:14px;text-align:left;flex:1;min-width:0}.head-identity span:not(.avatar){display:flex;flex-direction:column;gap:5px;overflow:hidden}.head-identity strong{font-family:'Plus Jakarta Sans';font-size:15px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-identity small{font-size:11px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.head-tools{display:flex;gap:5px}.back-mobile{display:none}.messages-scroll{flex:1;min-height:0;overflow-y:auto;padding:25px max(24px,calc((100% - 890px)/2));position:relative;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.date-divider{text-align:center;padding:9px 0 26px;position:relative}.date-divider span{background:var(--surface);padding:8px 17px;border-radius:9px;color:var(--sub);font-size:10px;font-weight:700}.message-row{display:flex;margin:9px 0;position:relative}.message-row.own{justify-content:flex-end}.bubble{position:relative;padding:12px 13px 7px;background:var(--bubble);max-width:min(72%,610px);min-width:100px;border:1px solid var(--line);border-radius:5px 15px 15px 15px;box-shadow:0 4px 13px rgba(0,0,0,.04)}.own .bubble{background:var(--my);border-color:transparent;border-radius:15px 5px 15px 15px}.bubble.special{min-width:min(345px,80vw)}.sender-name{color:var(--primary);font-size:12px;font-weight:800;margin-bottom:6px}.message-text{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;margin:0;min-width:35px}.bubble-meta{display:flex;justify-content:flex-end;align-items:center;gap:5px;font-size:10px;color:var(--sub);margin-top:5px}.bubble-meta svg{width:12px}.ticks.read{color:var(--primary)}.msg-more{color:var(--sub);display:grid;place-items:center;width:18px;height:18px;border-radius:5px;margin-left:4px}.msg-more:hover{color:var(--text)}.message-menu{position:absolute;bottom:27px;right:0;z-index:5;min-width:180px;padding:8px;border-radius:14px;background:var(--surface-2);box-shadow:var(--shadow);border:1px solid var(--line);display:flex;flex-direction:column}.theirs .message-menu{right:auto;left:0}.message-menu>button{padding:9px 10px;display:flex;gap:11px;align-items:center;border-radius:8px;text-align:left;font-size:12px}.message-menu>button:hover,.emoji-menu button:hover{background:var(--hover)}.message-menu .danger{color:#ff929b}.emoji-menu{display:flex;justify-content:space-around;padding-bottom:5px;border-bottom:1px solid var(--line);margin-bottom:4px}.emoji-menu button{font-size:16px;padding:5px 3px;border-radius:8px}.reactions{display:flex;gap:5px;justify-content:flex-end;margin:5px 0 -4px;flex-wrap:wrap}.react-pill{background:var(--surface-2);border:1px solid var(--line);padding:3px 7px;border-radius:12px;font-size:10px}.react-pill.mine{border-color:var(--primary)}.pin-label{color:var(--primary);font-size:10px;display:flex;gap:5px;align-items:center;margin-bottom:6px}.quoted-msg{padding:7px 12px;border-left:3px solid var(--primary);background:rgba(0,0,0,.1);display:grid;gap:2px;margin-bottom:8px;font-size:11px;border-radius:4px;max-width:330px}.quoted-msg strong{color:var(--primary)}.quoted-msg span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.deleted-message{font-size:12px;color:var(--faint);display:flex;gap:5px;font-style:italic;margin:0}.content-kind{font-size:10px;font-weight:800;color:var(--primary);display:flex;gap:7px;align-items:center;letter-spacing:.08em;margin-bottom:10px}.poll-block h4{font-size:14px;margin:0 0 13px;line-height:1.5}.poll-options{display:grid;gap:7px}.poll-option{position:relative;overflow:hidden;text-align:left;padding:10px 11px;background:rgba(0,0,0,.09);border:1px solid var(--line);border-radius:9px;display:flex;justify-content:space-between;gap:15px;min-width:280px;font-size:12px}.poll-option span,.poll-option b{position:relative;z-index:1}.poll-option b{font-size:11px}.poll-fill{position:absolute;left:0;top:0;bottom:0;background:rgba(61,204,167,.24)}.poll-option.my-vote{border-color:var(--primary)}.poll-block>small{display:block;color:var(--sub);margin-top:8px}.task-main{display:flex;align-items:center;text-align:left;gap:12px}.task-main>span:last-child{display:grid;gap:7px}.task-main strong{font-weight:800;font-size:13px}.task-main small{color:var(--sub);font-size:11px}.task-check{display:grid;place-items:center;width:24px;height:24px;min-width:24px;border:2px solid var(--primary);border-radius:8px}.task-check.checked{background:var(--primary);color:#093329}.task-main .done{text-decoration:line-through;color:var(--sub)}.task-status{font-size:10px;color:var(--sub);margin-top:13px}.attachment-block{max-width:350px}.image-attachment{width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin-bottom:7px}.file-tile{padding:8px;background:rgba(0,0,0,.09);border-radius:9px;display:flex;align-items:center;gap:10px}.file-tile>span:nth-child(2){min-width:0;display:grid;gap:3px;flex:1}.file-tile strong{font-size:11px;word-break:break-word}.file-tile small{color:var(--sub);font-size:9px}.file-icon{background:var(--surface-2);width:37px;height:37px;display:grid;place-items:center;border-radius:9px}.file-tile+ p{margin-top:10px}.no-messages{display:grid;justify-items:center;gap:10px;color:var(--sub);position:relative;top:30%;text-align:center}.no-messages span{font-size:42px}.no-messages strong{color:var(--text)}.flash .bubble{outline:2px solid var(--primary)}
.typing-bar{height:20px;min-height:20px;display:flex;align-items:center;gap:5px;padding:0 34px;font-size:10px;color:var(--primary)}.typing-dots{letter-spacing:4px}.composer-wrap{padding:8px 27px 17px;background:var(--panel);border-top:1px solid var(--line);position:relative;z-index:2}.composer{display:flex;gap:7px;align-items:flex-end;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:7px 8px 7px 10px}.composer textarea{resize:none;max-height:132px;min-height:35px;flex:1;border:0;background:transparent;color:var(--text);padding:9px 4px;font-size:13px;line-height:19px}.composer .icon-button{width:36px;min-width:36px;height:36px}.send-button{width:39px;height:39px;min-width:39px;display:grid;place-items:center;background:var(--primary);color:#0a342f;border-radius:12px}.send-button:hover,.btn.primary:hover{filter:brightness(1.08)}.compose-hint{display:flex;align-items:center;justify-content:space-between;margin-top:9px;padding:0 5px;color:var(--faint);font-size:10px}.compose-hint button{color:var(--primary);display:flex;align-items:center;gap:6px;font-size:10px}.reply-preview{display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:10px 15px;border-left:3px solid var(--primary);border-radius:8px;margin:5px 0 10px}.reply-preview div{display:grid;gap:5px}.reply-preview small{color:var(--sub)}.announce-only{position:relative;text-align:center;padding:22px;background:var(--panel);color:var(--sub);display:flex;gap:10px;align-items:center;justify-content:center}.empty-pane{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;padding:30px}.empty-pane h2{font-size:27px;font-weight:800;font-family:'Plus Jakarta Sans';margin:13px 0}.empty-pane p{max-width:380px;line-height:1.8;color:var(--sub)}.empty-pane button{margin-top:12px}.empty-illustration{width:210px;height:190px;position:relative;margin-bottom:22px;display:grid;place-items:center}.empty-orb{width:120px;height:120px;border-radius:40px;background:var(--primary);display:grid;place-items:center;color:var(--strong);font-size:90px;box-shadow:0 15px 80px rgba(31,204,166,.18);transform:rotate(-8deg)}.empty-chat{position:absolute;background:var(--surface-2);width:83px;height:33px;border-radius:12px;border:1px solid var(--line)}.empty-chat.one{top:11px;right:-5px}.empty-chat.two{bottom:6px;left:-10px;width:100px}.details-pane{width:330px;min-width:290px;background:var(--panel);border-left:1px solid var(--line);overflow-y:auto}.details-header{padding:22px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.details-profile{display:grid;justify-items:center;text-align:center;padding:29px 20px;border-bottom:1px solid var(--line)}.details-profile h3{margin:14px 0 6px}.details-profile p{color:var(--sub);font-size:12px;line-height:1.6}.small-badge,.owner-tag{font-size:9px;font-weight:800;color:var(--primary);background:rgba(36,194,154,.11);border-radius:8px;padding:5px 9px;letter-spacing:.07em}.details-section{padding:22px;border-bottom:1px solid var(--line)}.details-section-heading{display:flex;justify-content:space-between;color:var(--text);font-weight:800;font-size:12px;margin-bottom:15px}.details-section-heading span{color:var(--sub)}.mini-person{display:flex;align-items:center;gap:9px;margin-bottom:13px}.mini-person>div{flex:1;min-width:0;display:grid;gap:4px}.mini-person b,.manage-person b{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-person small,.manage-person small{font-size:10px;color:var(--sub)}.details-action{display:flex;align-items:center;gap:10px;padding:10px 0;color:var(--sub);font-size:12px}.details-action:hover{color:var(--primary)}.details-action.danger{color:#ff8c92}.invite-box{display:flex;align-items:center;justify-content:space-between;background:var(--surface);padding:9px 12px;border:1px dashed var(--line);border-radius:10px;margin-bottom:8px}.invite-box code{letter-spacing:.11em;font-weight:800;font-size:13px;color:var(--primary)}.invite-box button{display:grid;place-items:center}.details-section>small{font-size:10px;color:var(--sub);line-height:1.5}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;border-radius:12px;padding:12px 17px;font-size:12px;font-weight:800;min-height:43px;white-space:nowrap}.btn.primary{background:var(--primary);color:#062f2b}.btn.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line)}.btn.danger-btn{color:#ec7279;background:rgba(236,114,121,.1)}.btn.full{width:100%}.btn.tiny{padding:7px 10px;font-size:10px;min-height:27px;border-radius:8px}.muted{color:var(--sub)}
.modal-backdrop{position:fixed;inset:0;z-index:40;background:rgba(0,10,14,.7);backdrop-filter:blur(5px)}.modal-card{position:fixed;z-index:41;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--panel);border:1px solid var(--line);border-radius:22px;width:min(485px,calc(100vw - 24px));max-height:min(780px,calc(100dvh - 38px));overflow-y:auto;box-shadow:var(--shadow);padding:28px}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:23px}.modal-head h3{font-size:19px;font-weight:800;letter-spacing:-.035em;margin:0 0 6px;font-family:'Plus Jakarta Sans'}.modal-head p{color:var(--sub);font-size:12px;margin:0;line-height:1.7}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-form label,.field-stack label{display:grid;gap:8px;font-weight:800;font-size:11px;color:var(--text)}.modal-form input:not([type=checkbox]),.modal-form select,.modal-form textarea,.field-stack input{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 13px;width:100%;color:var(--text);font-size:13px;font-weight:500}.modal-form input:focus,.modal-form textarea:focus,.field-stack input:focus{border-color:var(--primary)}.modal-form textarea{resize:vertical;line-height:1.6}.picker-list{max-height:190px;overflow-y:auto;background:var(--surface);border-radius:12px;padding:6px}.picker-item{display:flex!important;align-items:center;gap:11px;padding:8px;font-size:12px!important;font-weight:600!important;cursor:pointer}.picker-item input{accent-color:var(--primary);width:16px;height:16px}.directory-list{display:grid;gap:8px;max-height:485px;overflow:auto}.directory-person{padding:11px;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px}.directory-person:hover,.manage-person:hover{background:var(--hover)}.directory-person>span:nth-child(2){flex:1;display:grid;gap:6px}.directory-person b{font-size:13px}.directory-person small{font-size:11px;color:var(--sub)}.directory-person>svg{color:var(--primary)}.settings-profile{display:flex;align-items:center;gap:15px;padding:0 0 22px;margin-bottom:18px;border-bottom:1px solid var(--line)}.settings-profile>span:last-child{display:grid;gap:8px}.settings-profile small{color:var(--sub);font-size:11px}.toggle-setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.toggle-setting>span{font-weight:700;font-size:12px;display:grid;gap:6px}.toggle-setting small{color:var(--sub);font-weight:500;line-height:1.5}.toggle-setting input{width:20px;height:20px;accent-color:var(--primary)}.modal-actions{display:flex;gap:8px;margin-top:22px;flex-wrap:wrap}.modal-actions .btn{flex:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}.stats>div{background:var(--surface);display:grid;gap:8px;text-align:center;padding:16px 8px;border-radius:10px}.stats b{font-size:24px;color:var(--primary)}.stats small{color:var(--sub);font-size:10px}.quick-list{display:grid;gap:7px;margin-bottom:15px}.quick-line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;line-height:1.5;font-size:12px}.quick-line:hover{background:var(--hover)}.menu-options{display:grid;gap:6px}.menu-options button{padding:13px;text-align:left;background:var(--surface);border-radius:11px;display:flex;align-items:center;gap:12px}.menu-options button:hover{color:var(--primary)}.menu-options svg{color:var(--primary)}.manage-person{display:flex;gap:10px;align-items:center;padding:10px;border-radius:11px}.manage-person>span:nth-child(2){flex:1;display:grid;gap:5px;min-width:0}.scheduled-item{display:flex;gap:10px;justify-content:space-between;padding:14px;background:var(--surface);border-radius:10px}.scheduled-item>div{display:grid;gap:5px}.scheduled-item small{color:var(--primary)}.scheduled-item p{margin:4px 0 0;color:var(--sub);line-height:1.4}.scheduled-item button{color:#f78a93}.helper-text{color:var(--sub);font-size:11px;line-height:1.5}.search-modal{margin-bottom:20px}.search-go{background:var(--primary);color:#06392f;border-radius:8px;padding:6px 13px;font-weight:800}.search-results{margin-top:12px}.search-hit{padding:12px;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:10px}.search-hit b{color:var(--primary);font-size:12px}.search-hit p{margin:8px 0;font-size:12px}.search-hit small{color:var(--sub)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:100;background:var(--primary);color:#032d28;padding:13px 21px;border-radius:12px;box-shadow:var(--shadow);font-weight:800;font-size:12px;max-width:85vw;transition:.3s}.toast.bad{background:#ed8491;color:#35151d}.toast.out{opacity:0;pointer-events:none}
.auth-wrap{display:flex;min-height:100dvh;background:#f7faf9}.auth-art{width:53%;background:radial-gradient(ellipse at 65% 65%,#176e69 0%,transparent 55%),linear-gradient(143deg,#041e27,#0a343a 75%,#134a47);color:#fff;position:relative;overflow:hidden;padding:42px 60px;display:flex;flex-direction:column;justify-content:space-between}.auth-brand{display:flex;align-items:center;gap:15px;font-size:20px;font-family:'Plus Jakarta Sans';letter-spacing:-.05em;font-weight:800;position:relative;z-index:1}.auth-brand .light{font-weight:500;opacity:.82;margin-left:4px}.hero-content{max-width:530px;z-index:1;position:relative}.hero-content h1{font-family:'Plus Jakarta Sans';font-size:clamp(44px,5.4vw,77px);line-height:1.14;letter-spacing:-.07em;margin:17px 0 23px;font-weight:800}.hero-content h1 em{color:#56dcb9;font-style:normal}.hero-content>p{font-size:15px;line-height:1.9;color:#a7c6c4;max-width:430px}.label-pill{border:1px solid #33736a;background:#14413f;color:#92e4ca;padding:9px 14px;border-radius:100px;width:max-content;font-size:10px;font-weight:800;letter-spacing:.18em}.hero-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.hero-badges span{display:flex;align-items:center;gap:8px;padding:10px 13px;background:#ffffff10;border:1px solid #ffffff25;border-radius:10px;font-size:11px;color:#c5ded8}.auth-art-bottom{font-size:11px;color:#a6c5c0;display:flex;justify-content:space-between;z-index:1;position:relative}.art-decoration{border-radius:50%;border:1px solid rgba(96,255,210,.15);position:absolute;pointer-events:none}.art1{width:500px;height:500px;bottom:4%;right:-200px}.art2{width:650px;height:650px;bottom:-90px;right:-270px}.auth-panel{flex:1;display:grid;place-items:center;padding:45px 30px;color:#152c33}.auth-box{width:min(385px,100%)}.auth-box .section-eyebrow{color:#08aa88}.auth-box h2{font-family:'Plus Jakarta Sans';font-size:27px;letter-spacing:-.05em;margin:14px 0 10px;font-weight:800}.auth-box .muted{font-size:12px;line-height:1.7;color:#73898e;margin-bottom:30px}.field-stack{display:grid;gap:19px}.field-stack label{color:#3b5457;font-size:12px}.field-stack input{background:#f3f7f7;color:#17353b;padding:14px 15px;border:1px solid #dfe9e7}.field-stack input::placeholder{color:#a4b4b5}.field-stack .btn{margin-top:10px;padding:15px}.auth-switch{margin-top:25px;text-align:center;font-size:12px;color:#7b8f92}.auth-switch button{color:#0da984;font-weight:800}.auth-hint{margin-top:50px;display:flex;justify-content:center;gap:7px;align-items:center;color:#a0afb0;font-size:10px}.mobile-brand{display:none}
@media(max-width:1250px){.details-pane{width:290px;min-width:270px}.sidebar{width:320px}.chat-head{padding:0 17px}.messages-scroll{padding-left:22px;padding-right:22px}}@media(max-width:1050px){.details-pane{position:absolute;right:0;top:0;bottom:0;z-index:12;box-shadow:var(--shadow)}.sidebar{width:310px}}@media(max-width:720px){.rail{width:55px;min-width:55px;padding:14px 0;gap:22px}.rail-brand{width:34px;height:34px;font-size:25px;border-radius:11px}.rail-btn{width:39px;height:39px}.rail-btn.active:before{left:-8px}.sidebar{width:calc(100% - 55px);min-width:0}.app-shell.has-room .sidebar{display:none}.app-shell:not(.has-room) .main-pane{display:none}.app-shell.has-room .rail{display:none}.main-pane{width:100%}.back-mobile{display:grid}.chat-head{height:70px;padding:0 10px;gap:2px}.head-identity{gap:8px}.head-identity .avatar{width:39px;height:39px;min-width:39px}.head-tools{gap:0}.head-tools .icon-button{width:34px;min-width:34px}.head-tools .icon-button:nth-child(1){display:none}.messages-scroll{padding:20px 11px}.bubble{max-width:87%}.composer-wrap{padding:6px 10px 13px}.compose-hint span{display:none}.details-pane{width:min(350px,100%)}.auth-art{display:none}.auth-panel{min-height:100dvh;padding:26px 22px}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:50px;font-weight:800;letter-spacing:-.04em;font-family:'Plus Jakarta Sans'}.mobile-brand .logo-symbol{width:34px;height:34px;font-size:22px;border-radius:10px}.auth-hint{margin-top:25px}.modal-card{padding:21px;border-radius:18px}.poll-option{min-width:220px}}@media(max-width:390px){.side-head h2{font-size:15px}.bubble{max-width:93%}.rail{width:49px;min-width:49px}.sidebar{width:calc(100% - 49px)}.head-identity strong{font-size:12px}.head-identity small{font-size:9px}.chat-head .avatar{width:34px;height:34px;min-width:34px}}

/* Integrasi WhatsApp Business: akses terpadu */
.rail-link{position:relative;display:flex;align-items:center;justify-content:center;text-decoration:none;color:var(--sub)}
.rail-link:hover{color:var(--primary);background:var(--surface)}
.wa-rail-dot{position:absolute;width:7px;height:7px;background:var(--primary);border-radius:50%;right:9px;top:7px}
.fc-wa-shortcut{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--primary);padding:10px 16px;font-size:12px;font-weight:700}
.fc-wa-shortcut:hover{background:var(--hover)}
.fc-personal-wa{display:inline-flex;margin:5px 0 9px 54px;max-width:180px;text-decoration:none}