:root{--v5-green:#10b470;--v5-green-dark:#08794f;--v5-green-light:#e8f8f0;--v5-border:#e3e9e6;--v5-text:#14231c;--v5-muted:#718078;--v5-chat:#f5f1eb}.app{background:#f3f6f4;grid-template-columns:188px 360px minmax(0,1fr)}.app.client-open{grid-template-columns:188px 360px minmax(0,1fr) 310px}.main-nav{background:linear-gradient(#0b1c16 0%,#0d231b 56%,#0b1d17 100%);box-shadow:4px 0 18px #0a1c1524}.brand{min-height:83px;padding:18px 15px}.brand-logo{border-radius:11px;width:38px;height:38px;font-size:13px}.brand strong{font-size:14px}.brand small{font-size:9px}.main-nav nav{gap:3px;padding:8px}.main-nav nav button{border-radius:9px;grid-template-columns:18px minmax(0,1fr) auto;min-height:43px;padding:0 12px;font-size:12px;transition:background .15s,color .15s,transform .15s;position:relative}.main-nav nav button:hover{transform:translate(2px)}.main-nav nav button.active{background:linear-gradient(135deg,#17ba76,#0da368);box-shadow:0 7px 18px #0ea56a38}.main-nav nav button.active:before{content:"";background:#d7ffeb;border-radius:0 4px 4px 0;width:3px;position:absolute;top:11px;bottom:11px;left:0}.nav-profile{padding:15px}.conversation-pane{border-right:1px solid var(--v5-border);box-shadow:5px 0 18px #192b2209}.conversation-title{min-height:83px;padding:17px 15px 11px}.headline h1{color:var(--v5-text);letter-spacing:-.75px;font-size:22px;font-weight:880}.conversation-title p{margin-top:3px;font-size:9px}.search-area{padding:0 13px 10px}.search-area label{border:1px solid #0000;border-radius:12px;height:43px;transition:border-color .15s,background .15s,box-shadow .15s}.search-area label:focus-within{background:#fff;border-color:#b6dfca;box-shadow:0 0 0 3px #10b47014}.conversation-filters{scrollbar-width:none;gap:5px;padding:0 13px 10px}.conversation-filters::-webkit-scrollbar{display:none}.conversation-filters button{min-height:29px;padding:0 9px;font-size:9px}.conversation-row{gap:10px;min-height:65px;padding:8px 12px;transition:background .15s,transform .15s,box-shadow .15s}.conversation-row:hover{background:#f1faf5;transform:translate(2px)}.conversation-row.current{box-shadow:inset 3px 0 0 var(--v5-green);background:linear-gradient(90deg,#e2f8ed 0%,#f4fbf7 100%)}.conversation-avatar{width:43px;min-width:43px;height:43px;font-size:10px;box-shadow:inset 0 0 0 1px #08794f17,0 3px 9px #08794f0d}.conversation-name-row strong{color:var(--v5-text);font-size:11px;font-weight:850}.conversation-name-row time{color:#7c8982;font-size:8px}.conversation-preview-row{margin-top:4px}.conversation-preview-row span{color:var(--v5-muted);white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.3;display:-webkit-box;overflow:hidden}.conversation-preview-row b{min-width:20px;height:20px;font-size:9px;box-shadow:0 3px 8px #10b47038}.chat-topbar{border-bottom:1px solid var(--v5-border);min-height:75px;padding:9px 16px;box-shadow:0 4px 16px #182a2209}.contact{gap:12px}.contact-avatar{width:47px;min-width:47px;height:47px;font-size:12px;box-shadow:inset 0 0 0 1px #08794f17,0 4px 12px #08794f0f}.contact-name strong{max-width:610px;font-size:13px;font-weight:880}.contact-phone{margin-top:2px;font-size:9px}.contact em{margin-top:3px;padding:3px 7px;font-size:8px}.chat-actions{gap:6px}.chat-actions button{border-radius:10px;width:37px;min-width:37px;height:37px;transition:border-color .15s,background .15s,color .15s,transform .15s}.chat-actions button:hover{color:var(--v5-green-dark);background:#e9f8f0;border-color:#b7dfca;transform:translateY(-1px)}.chat-actions button.new-service{width:auto;min-width:166px;padding:0 16px;font-size:10px;box-shadow:0 6px 14px #0da26733}.pinned-bar{border-radius:10px;margin:8px 11px 0;overflow:hidden;box-shadow:0 4px 13px #192b220a}.pinned-bar summary{min-height:36px;padding:0 12px;font-size:9px}.timeline{background-color:var(--v5-chat);background-image:linear-gradient(#f5f1ebf4,#f5f1ebf4),radial-gradient(circle at 1px 1px,#3e544912 1px,#0000 0);background-size:auto,21px 21px;padding:16px clamp(28px,4vw,58px) 25px}.date-chip{border-radius:999px;margin:8px auto 12px;padding:4px 10px;font-size:8px;box-shadow:0 4px 11px #1c2c250d}.message-row{margin:2px 0}.message-bubble{border-radius:12px;max-width:min(720px,76%);padding:8px 10px 6px;font-size:10px;line-height:1.45;box-shadow:0 4px 12px #1c2c2514,0 1px 2px #1c2c250a}.message-bubble.white{background:#fff;border-top-left-radius:4px}.message-bubble.green{background:#d4fadb;border-top-right-radius:4px}.message-bubble.wide{min-width:min(510px,64%)}.message-bubble.media{width:min(600px,73%)}.fake-image{height:235px}.composer{border-top:1px solid var(--v5-border);gap:4px;min-height:65px;padding:8px 12px 10px;box-shadow:0 -5px 18px #182a2208}.composer button{border-radius:11px;width:40px;min-width:40px;height:40px;transition:background .15s,color .15s,transform .15s}.composer button:hover{color:var(--v5-green-dark);background:#e8f7ef;transform:translateY(-1px)}.composer input{background:#f5f8f6;border-color:#dce5e0;border-radius:13px;height:45px;padding:0 15px;font-size:10px;transition:border-color .15s,background .15s,box-shadow .15s}.composer input:focus{background:#fff;border-color:#a5d9bf;box-shadow:0 0 0 3px #10b47014}.composer button.mic{width:43px;min-width:43px;height:43px;box-shadow:0 6px 15px #10ac6c42}.client-panel{width:310px;min-width:310px;box-shadow:-8px 0 25px #182a220e}.client-tabs button{min-height:48px}.client-head{background:linear-gradient(#fff 0%,#f8fbf9 100%);padding:18px}.client-head .contact-avatar{width:49px;min-width:49px;height:49px}.client-head strong{font-size:12px}.client-block{padding:15px 17px;line-height:1.45}.client-block>strong,.block-title strong{font-size:10px;font-weight:870}.tags{gap:6px}.tags span{border:1px solid #00000009;padding:5px 8px;font-size:8px}.finish{height:40px;font-size:10px;transition:background .15s,transform .15s}.finish:hover{background:#fff1f1;transform:translateY(-1px)}.conversation-list,.timeline,.client-panel{scrollbar-color:#c4cdc8 transparent;scrollbar-width:thin}.conversation-list::-webkit-scrollbar{width:7px}.timeline::-webkit-scrollbar{width:7px}.client-panel::-webkit-scrollbar{width:7px}.conversation-list::-webkit-scrollbar-thumb{background:#c4cdc8 padding-box padding-box;border:2px solid #0000;border-radius:999px}.timeline::-webkit-scrollbar-thumb{background:#c4cdc8 padding-box padding-box;border:2px solid #0000;border-radius:999px}.client-panel::-webkit-scrollbar-thumb{background:#c4cdc8 padding-box padding-box;border:2px solid #0000;border-radius:999px}@media (max-width:1450px){.app{grid-template-columns:178px 325px minmax(0,1fr)}.app.client-open{grid-template-columns:178px 325px minmax(0,1fr) 280px}.client-panel{width:280px;min-width:280px}.chat-actions button.new-service{min-width:145px}.timeline{padding-inline:24px}}