:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16211f;background:#f2f5f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:#f2f5f3}button,input{font:inherit}button{cursor:pointer}.screen-loader{min-height:100vh;display:grid;place-items:center;align-content:center;gap:20px;background:radial-gradient(circle at 25% 15%,rgba(42,140,120,.12),transparent 28%),#f2f5f3}.loader-logo,.brand-mark{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#2a8c78,#0d4f45);color:#fff;font-size:24px;font-weight:800;box-shadow:0 12px 30px #0d4f452e}.brand-mark.small{width:40px;height:40px;border-radius:12px;font-size:19px}.loader-line{width:120px;height:3px;overflow:hidden;border-radius:999px;background:#dce5e1}.loader-line span{display:block;width:45%;height:100%;border-radius:inherit;background:#176b5b;animation:loader 1s infinite ease-in-out}@keyframes loader{0%{transform:translate(-110%)}to{transform:translate(260%)}}.auth-page{position:relative;min-height:100vh;overflow:hidden;display:grid;place-items:center;padding:40px 20px;background:linear-gradient(145deg,#edf4f1,#f7f9f8 52%,#e9f1ee)}.auth-background{position:absolute;border-radius:999px;filter:blur(1px);pointer-events:none}.auth-background-one{width:520px;height:520px;left:-220px;top:-190px;background:radial-gradient(circle,#176b5b24,#176b5b00)}.auth-background-two{width:600px;height:600px;right:-270px;bottom:-300px;background:radial-gradient(circle,#2a8c7826,#2a8c7800)}.auth-shell{position:relative;z-index:1;width:min(440px,100%)}.auth-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.brand-name{font-size:19px;line-height:1;font-weight:850;letter-spacing:.04em}.brand-slogan{margin-top:6px;color:#67736f;font-size:12px}.auth-card,.panel{border:1px solid #e0e7e4;background:#fffffff0;box-shadow:0 28px 80px #17363014}.auth-card{border-radius:24px;padding:28px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;gap:4px;background:#f0f4f2;border-radius:12px}.auth-tab{border:0;border-radius:9px;padding:10px 12px;color:#687570;background:transparent;font-weight:650}.auth-tab.active{color:#0d4f45;background:#fff;box-shadow:0 3px 10px #1736300f}.auth-heading{margin:28px 0 22px}.auth-heading h1,.auth-card h1{margin:0;color:#16211f;font-size:27px;line-height:1.15}.auth-heading p,.auth-lead,.auth-hint{color:#697570;line-height:1.55}.auth-heading p{margin:8px 0 0;font-size:14px}.auth-form{display:grid;gap:15px}.auth-form label,.site-form label{display:grid;gap:7px;color:#34423e;font-size:13px;font-weight:650}input{width:100%;border:1px solid #d8e2de;border-radius:11px;padding:12px 13px;outline:none;color:#16211f;background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:#2a8c78;box-shadow:0 0 0 4px #2a8c781a}.button{border:0;border-radius:11px;padding:12px 17px;font-weight:750;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:default;opacity:.55}.button.primary{color:#fff;background:linear-gradient(135deg,#176b5b,#0d4f45);box-shadow:0 10px 22px #176b5b2e}.button.secondary{color:#176b5b;background:#eaf3f0}.button.white{color:#0d4f45;background:#fff}.button.full{width:100%;margin-top:4px}.button.compact{padding:9px 13px;font-size:13px}.auth-security{margin-top:20px;color:#7a8581;font-size:11px;text-align:center}.auth-security span{color:#2a8c78}.notice{border-radius:10px;padding:11px 13px;font-size:13px;line-height:1.45}.notice.error{color:#8a2f2f;border:1px solid #f0cfcf;background:#fff3f3}.notice.warning{color:#765d22;border:1px solid #eee0b6;background:#fff9e8}.success-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px;border-radius:17px;color:#fff;background:#176b5b;font-size:25px;font-weight:800}.email-pill{margin:18px 0;border:1px solid #dce7e3;border-radius:10px;padding:12px;color:#0d4f45;background:#f4f8f6;font-weight:750;text-align:center}.workspace{min-height:100vh;display:flex}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;padding:20px 15px;color:#fff;background:linear-gradient(180deg,#123f38,#0d4f45)}.sidebar-brand{display:flex;align-items:center;gap:12px;padding:4px 5px 22px}.sidebar .brand-name{color:#fff;font-size:17px}.workspace-name{max-width:155px;margin-top:5px;overflow:hidden;color:#ffffff8c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.navigation{display:grid;gap:5px}.nav-item{position:relative;width:100%;display:flex;align-items:center;gap:11px;border:0;border-radius:10px;padding:11px 12px;color:#ffffffb3;background:transparent;text-align:left;font-size:14px;font-weight:620}.nav-item:hover:not(.disabled){color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#ffffff1c}.nav-item.disabled{cursor:default;opacity:.55}.nav-icon{width:18px;text-align:center}.nav-count,.soon{margin-left:auto;border-radius:999px;padding:2px 7px;font-size:10px}.nav-count{background:#ffffff1f}.soon{color:#ffffff8c;background:#0000001a}.sidebar-bottom{margin-top:auto}.user-card{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:11px 8px;border-top:1px solid rgba(255,255,255,.08)}.avatar{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#0d4f45;background:#dff0eb;font-weight:800}.user-card-text{min-width:0;display:grid;gap:3px}.user-card-text strong{font-size:12px}.user-card-text span{overflow:hidden;color:#ffffff7a;font-size:10px;text-overflow:ellipsis}.logout-button{width:100%;border:1px solid rgba(255,255,255,.11);border-radius:9px;padding:9px;color:#ffffffb3;background:transparent;font-size:12px}.main{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #e1e8e5;background:#ffffffd1;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.topbar h1{margin:3px 0 0;font-size:23px;line-height:1}.eyebrow{color:#71807b;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.eyebrow.light{color:#ffffff9e}.topbar-status{display:flex;align-items:center;gap:8px;color:#63716c;font-size:12px}.status-dot{width:8px;height:8px;border-radius:50%;background:#2a8c78;box-shadow:0 0 0 4px #2a8c781a}.content{max-width:1250px;margin:0 auto;padding:28px 30px 50px}.welcome-card{min-height:230px;display:grid;grid-template-columns:1.25fr .75fr;gap:25px;overflow:hidden;border-radius:20px;padding:30px;color:#fff;background:radial-gradient(circle at 95% 15%,rgba(255,255,255,.14),transparent 32%),linear-gradient(135deg,#176b5b,#0d4f45);box-shadow:0 22px 50px #0d4f4529}.welcome-card h2{margin:10px 0;font-size:29px;line-height:1.15}.welcome-card p{max-width:620px;margin:0 0 24px;color:#ffffffb8;line-height:1.6;font-size:14px}.welcome-visual{position:relative;min-height:170px}.bubble{position:absolute;display:flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:13px;padding:12px 14px;background:#ffffff17;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe0;font-size:12px;font-weight:650}.bubble span{width:8px;height:8px;border-radius:50%;background:#89ddc9}.bubble-one{top:12px;right:28px}.bubble-two{top:72px;left:10px}.bubble-three{right:0;bottom:5px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:18px}.stat-card{display:flex;align-items:center;gap:15px;border:1px solid #e0e7e4;border-radius:16px;padding:20px;background:#fff}.stat-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;color:#176b5b;background:#eaf4f1;font-weight:850}.stat-card div:last-child{display:grid;gap:3px}.stat-card span{color:#74817c;font-size:11px}.stat-card strong{font-size:23px}.stat-card strong.small-value{font-size:16px;color:#176b5b}.panel{margin-top:18px;border-radius:17px;padding:22px;box-shadow:none}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-heading h3{margin:0;font-size:17px}.panel-heading p{margin:5px 0 0;color:#7a8581;font-size:12px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-item{display:flex;align-items:center;gap:10px;border-radius:10px;padding:11px 13px;color:#34423e;background:#f6f8f7;font-size:12px}.check-item span{color:#176b5b;font-weight:850}.check-item.muted{color:#8b9591}.check-item.muted span{color:#a4ada9}.site-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px}.sites-list{display:grid;gap:9px}.site-row{display:grid;grid-template-columns:44px minmax(150px,1fr) minmax(220px,1fr) auto;align-items:center;gap:14px;border:1px solid #e6ebe9;border-radius:12px;padding:13px;background:#fbfcfb}.site-logo{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#176b5b;background:#e9f3f0;font-weight:850}.site-main{min-width:0}.site-title-line{display:flex;align-items:center;gap:8px}.site-title-line strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.site-domain{display:block;margin-top:4px;color:#7b8782;font-size:11px}.badge{border-radius:999px;padding:3px 7px;color:#7b8782;background:#eef1f0;font-size:9px;font-weight:750}.badge.active{color:#176b5b;background:#e3f2ed}.site-key{min-width:0;display:grid;gap:4px}.site-key span{color:#87928e;font-size:9px;text-transform:uppercase;letter-spacing:.04em}.site-key code{overflow:hidden;color:#46534f;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.copy-button{border:1px solid #dce5e1;border-radius:9px;padding:8px 10px;color:#176b5b;background:#fff;font-size:11px;font-weight:700}.empty-state{border:1px dashed #d9e2de;border-radius:12px;padding:35px;color:#7b8782;background:#fafcfb;font-size:13px;text-align:center}@media(max-width:900px){.sidebar{width:205px}.main{width:calc(100% - 205px);margin-left:205px}.welcome-card{grid-template-columns:1fr}.welcome-visual{display:none}.site-row{grid-template-columns:42px 1fr auto}.site-key{grid-column:2 / 4}.stats-grid{grid-template-columns:1fr}}@media(max-width:680px){.workspace{display:block}.sidebar{position:static;width:100%;min-height:auto;padding:12px}.sidebar-brand{padding-bottom:12px}.navigation{grid-template-columns:1fr 1fr}.sidebar-bottom{display:none}.main{width:100%;margin-left:0}.topbar{height:75px;padding:0 18px}.topbar-status{display:none}.content{padding:18px 14px 35px}.welcome-card{padding:22px}.welcome-card h2{font-size:24px}.check-grid,.site-form{grid-template-columns:1fr}.site-row{grid-template-columns:40px 1fr}.site-key,.copy-button{grid-column:1 / 3}}.auth-brand{display:grid;justify-items:start;gap:8px}.auth-brand-logo{width:230px;max-width:72vw;height:auto;display:block}.sidebar-brand-mark{width:42px;height:42px;flex:0 0 auto;display:block;object-fit:contain}@media(max-width:680px){.auth-brand-logo{width:210px}}.auth-brand-mark{width:50px;height:50px;display:block;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 10px 20px rgba(15,39,71,.12))}.sidebar-brand-mark{width:42px;height:42px;display:block;flex:0 0 auto;object-fit:contain}.loader-brand-mark{width:72px;height:72px;display:block;object-fit:contain;filter:drop-shadow(0 13px 24px rgba(15,39,71,.14))}.content-chat{max-width:none;padding:18px}.topbar-actions{display:flex;align-items:center;gap:12px}.notification-enable{border:1px solid #d8e1e8;border-radius:10px;padding:8px 11px;color:#0f2747;background:#fff;font-size:11px;font-weight:700}.topbar-status.online .status-dot{background:#5fb19e}.chat-toast{position:fixed;top:20px;right:22px;z-index:9999;max-width:390px;display:flex;align-items:center;gap:11px;border:1px solid #dce4ea;border-radius:14px;padding:12px 14px;color:#17263c;background:#fff;box-shadow:0 18px 55px #0f27472e;font-size:12px;line-height:1.4}.chat-toast img{width:34px;height:34px;flex:0 0 auto;object-fit:contain}.nav-unread{min-width:22px;margin-left:auto;border-radius:999px;padding:3px 6px;color:#0f2747;background:#aee0d4;font-size:9px;font-weight:850;text-align:center}.inbox-shell{height:calc(100vh - 122px);min-height:580px;display:grid;grid-template-columns:330px minmax(0,1fr);overflow:hidden;border:1px solid #dfe6e3;border-radius:17px;background:#fff;box-shadow:0 12px 35px #0f27470d}.conversation-list{min-width:0;display:grid;grid-template-rows:auto 1fr;border-right:1px solid #e4e9e7;background:#fbfcfc}.conversation-list-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 15px;border-bottom:1px solid #e4e9e7;background:#fff}.conversation-list-header>div{display:grid;gap:4px}.conversation-list-header strong{color:#16211f;font-size:14px}.conversation-list-header span{color:#82908b;font-size:10px}.inbox-refresh{width:32px;height:32px;border:1px solid #dde5e2;border-radius:9px;color:#5b7ca7;background:#fff;font-size:17px}.conversation-items{overflow-y:auto}.conversation-item{width:100%;display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;border:0;border-bottom:1px solid #edf0ef;padding:13px;color:inherit;background:transparent;text-align:left;transition:background .12s ease}.conversation-item:hover{background:#f5f8f7}.conversation-item.active{background:#edf5f3;box-shadow:inset 3px 0 #5fb19e}.conversation-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;color:#0f2747;background:linear-gradient(135deg,#d9eee8,#e8edf5);font-size:14px;font-weight:850}.conversation-item-main{min-width:0}.conversation-name-row,.conversation-preview-row,.conversation-meta{display:flex;align-items:center}.conversation-name-row{gap:8px}.conversation-name-row strong{min-width:0;flex:1;overflow:hidden;color:#17263c;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.conversation-name-row time{color:#9aa5a1;font-size:9px}.conversation-preview-row{min-width:0;gap:8px;margin-top:5px}.conversation-preview{min-width:0;flex:1;overflow:hidden;color:#73817c;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.conversation-unread{min-width:20px;border-radius:999px;padding:3px 5px;color:#fff;background:#5b7ca7;font-size:9px;font-weight:850;text-align:center}.conversation-meta{gap:7px;margin-top:7px;color:#98a29f;font-size:9px}.conversation-status{border-radius:999px;padding:2px 6px}.status-new{color:#365d9a;background:#e8eef8}.status-in_progress{color:#176b5b;background:#e4f2ee}.status-waiting_client{color:#735e20;background:#fbf3d8}.status-waiting_operator{color:#8b5038;background:#f8e8df}.status-closed{color:#687470;background:#edf0ef}.conversation-empty{height:100%;display:grid;place-items:center;align-content:center;gap:8px;padding:30px;color:#84908c;font-size:11px;text-align:center}.conversation-empty img{width:55px;height:55px;margin-bottom:8px}.conversation-empty strong{color:#2e3c38;font-size:13px}.chat-panel{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#f5f7f6}.chat-placeholder{grid-row:1 / 4;display:grid;place-items:center;align-content:center;padding:40px;color:#7e8b87;text-align:center}.chat-placeholder img{width:72px;height:72px;margin-bottom:15px}.chat-placeholder h3{margin:0;color:#20302c;font-size:17px}.chat-placeholder p{max-width:380px;margin:8px 0 0;font-size:12px;line-height:1.55}.chat-header{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;border-bottom:1px solid #e1e7e4;background:#fff}.chat-header h3{margin:0;color:#17263c;font-size:14px}.chat-header p{margin:4px 0 0;color:#8a9692;font-size:9px}.status-select{border:1px solid #d8e0dd;border-radius:9px;padding:8px 10px;outline:none;color:#31423d;background:#fff;font-size:10px;font-weight:650}.chat-messages{min-height:0;display:flex;flex-direction:column;gap:9px;overflow-y:auto;padding:22px 22px 28px}.chat-loading{margin:auto;color:#8b9692;font-size:11px}.operator-message{max-width:72%;display:grid;gap:4px}.operator-message.visitor{align-self:flex-start}.operator-message.operator{align-self:flex-end;justify-items:end}.operator-message.system{align-self:center;max-width:90%}.operator-message-bubble{border-radius:15px;padding:10px 12px;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.operator-message.visitor .operator-message-bubble{border:1px solid #dde5e2;border-bottom-left-radius:5px;color:#25332f;background:#fff}.operator-message.operator .operator-message-bubble{border-bottom-right-radius:5px;color:#fff;background:linear-gradient(135deg,#0f2747,#5b7ca7)}.operator-message.system .operator-message-bubble{color:#7b8783;background:#e9edeb;font-size:10px}.operator-message time{color:#9ca6a2;font-size:8px}.operator-composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:12px 14px;border-top:1px solid #e0e7e4;background:#fff}.operator-composer textarea{width:100%;height:48px;max-height:130px;resize:vertical;border:1px solid #d8e1de;border-radius:11px;padding:11px 12px;outline:none;color:#1e2e29;background:#fff;font:inherit;font-size:12px}.operator-composer textarea:focus{border-color:#5fb19e;box-shadow:0 0 0 3px #5fb19e1f}.send-operator-button{align-self:end;height:48px;border:0;border-radius:11px;padding:0 17px;color:#fff;background:linear-gradient(135deg,#0f2747,#5b7ca7);font-size:11px;font-weight:750}.send-operator-button:disabled{opacity:.45;cursor:default}.conversation-closed{display:flex;align-items:center;justify-content:center;gap:10px;padding:15px;border-top:1px solid #e0e7e4;color:#7b8783;background:#fff;font-size:11px}.conversation-closed button{border:1px solid #d6dfdc;border-radius:8px;padding:7px 10px;color:#0f2747;background:#fff;font-size:10px;font-weight:700}@media(max-width:900px){.inbox-shell{grid-template-columns:285px minmax(0,1fr)}}@media(max-width:680px){.content-chat{padding:8px}.inbox-shell{height:auto;min-height:calc(100vh - 170px);grid-template-columns:1fr;grid-template-rows:280px minmax(500px,1fr)}.conversation-list{border-right:0;border-bottom:1px solid #e4e9e7}.topbar-actions{display:none}.operator-message{max-width:88%}}