:root{--bg:#f3f5f8;--surface:#fff;--surface-2:#f8fafc;--text:#162033;--muted:#6d7788;--line:#e3e8ef;--primary:#4967e8;--primary-strong:#3653d2;--primary-soft:#eef1ff;--danger:#e0525c;--danger-soft:#fff0f1;--warning:#e89c36;--warning-soft:#fff7e8;--success:#20a877;--success-soft:#eafaf4;--shadow:0 14px 38px rgba(26,39,73,.09);--sidebar:84px;--topbar:68px;--radius:14px;font-family:Inter,"Segoe UI",system-ui,sans-serif;color-scheme:light}
html[data-theme="dark"]{--bg:#111722;--surface:#18202d;--surface-2:#202a39;--text:#ecf1f8;--muted:#98a5b8;--line:#2b3749;--primary:#7188f4;--primary-strong:#879afa;--primary-soft:#293454;--danger-soft:#42262d;--warning-soft:#453823;--success-soft:#183c34;--shadow:0 16px 42px rgba(0,0,0,.25);color-scheme:dark}
.dialog-form textarea{width:100%;resize:vertical;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:10px;outline:0}
.tour-open .contact-panel{z-index:1110}
.application-attachments{display:grid;gap:7px;margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}.application-attachments>b{font-size:10px}.application-attachment{display:flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.application-attachment>i{flex:0 0 24px;text-align:center;font-style:normal;color:var(--primary);font-weight:800}.application-attachment>span{min-width:0;font-size:10px;font-weight:700;overflow-wrap:anywhere}.application-attachment small{display:block;margin-top:2px;color:var(--muted);font-size:8px;font-weight:500}.application-attachment.image{align-items:flex-start}.application-attachment.image img{width:64px;height:54px;object-fit:cover;border-radius:6px;background:var(--surface-2)}.application-attachment.voice{display:grid}.application-attachment.voice audio{width:100%;height:30px}.application-attachment.unavailable{opacity:.65}
.tour-open{overflow:hidden}.onboarding-backdrop,.tour-dimmer{position:fixed;inset:0;z-index:1100;background:rgba(9,15,27,.68);backdrop-filter:blur(2px)}.onboarding-welcome{position:fixed;z-index:1120;left:50%;top:50%;width:min(610px,calc(100vw - 30px));max-height:calc(100vh - 30px);overflow:auto;transform:translate(-50%,-50%);padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 30px 80px rgba(0,0,0,.3)}.onboarding-welcome h2{margin:12px 0 10px;font-size:26px;line-height:1.15}.onboarding-welcome>p{color:var(--muted);line-height:1.55}.onboarding-badge{display:inline-flex;padding:6px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.onboarding-badge.success{background:var(--success-soft);color:var(--success)}.onboarding-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.onboarding-facts span{padding:12px;background:var(--surface-2);border-radius:10px;color:var(--muted);font-size:10px}.onboarding-facts b{display:block;color:var(--text);font-size:12px;margin-bottom:3px}.onboarding-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.onboarding-complete ul{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;list-style:none}.onboarding-complete li{padding:10px 12px;background:var(--success-soft);border-radius:9px;color:var(--success);font-size:11px;font-weight:750}.onboarding-complete li:before{content:'✓';margin-right:7px}.tour-highlight{position:relative!important;z-index:1110!important;outline:4px solid color-mix(in srgb,var(--primary) 80%,white);outline-offset:5px;border-radius:10px;box-shadow:0 0 0 9999px rgba(9,15,27,.12)}.tour-pulse{animation:tourPulse 1.2s infinite}.tour-tooltip{position:fixed;z-index:1130;width:360px;max-height:calc(100vh - 24px);overflow:auto;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 22px 60px rgba(0,0,0,.28)}.tour-tooltip small{color:var(--muted);font-size:9px;font-weight:800}.tour-tooltip h3{margin:8px 0 7px;font-size:17px}.tour-tooltip p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.tour-progress{height:4px;margin-bottom:10px;border-radius:4px;background:var(--surface-2);overflow:hidden}.tour-progress span{display:block;height:100%;background:var(--primary);transition:.25s}.tour-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.tour-actions .button{margin-left:auto}.tour-link{border:0;background:transparent;color:var(--muted);padding:7px 2px;font-size:10px;font-weight:750}.tour-link:hover{color:var(--primary)}.tour-link:disabled{opacity:.35}.tour-dynamic{display:grid;gap:9px;margin-top:12px}.tour-slot{display:grid;gap:5px;color:var(--muted);font-size:10px}.tour-slot select{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:9px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.learning-card{display:flex;flex-direction:column;min-height:220px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 16px rgba(20,30,60,.04)}.learning-card.featured{grid-column:span 2;background:linear-gradient(145deg,var(--surface),var(--primary-soft));border-color:color-mix(in srgb,var(--primary) 25%,var(--line))}.learning-card>span{color:var(--primary);font-size:10px;font-weight:800}.learning-card h2{font-size:16px;margin:10px 0 7px}.learning-card p{flex:1;color:var(--muted);font-size:11px;line-height:1.5}.learning-card .button{align-self:flex-start}.learning-card>i{margin-top:10px;color:var(--muted);font-size:9px;font-style:normal}.learning-card>i.completed{color:var(--success);font-weight:800}@keyframes tourPulse{50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--primary) 18%,transparent)}}@media(max-width:760px){.onboarding-welcome{padding:22px}.onboarding-welcome h2{font-size:21px}.onboarding-facts{grid-template-columns:1fr}.onboarding-complete ul{grid-template-columns:1fr}.tour-tooltip.tour-sheet{left:8px!important;right:8px;top:auto!important;bottom:8px;width:auto!important;max-height:55vh;border-radius:16px}.learning-grid{grid-template-columns:1fr}.learning-card.featured{grid-column:auto}}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-size:14px}button,input,select,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.is-hidden{display:none!important}[hidden]{display:none!important}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:50;background:#131b2c;color:#dbe3f3;display:flex;flex-direction:column;align-items:stretch;padding:14px 10px;border-right:1px solid rgba(255,255,255,.06)}.brand{height:52px;display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:18px}.brand-mark{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#6b80f4,#415ed8);color:#fff;font-weight:800;letter-spacing:-1px;box-shadow:0 7px 18px rgba(57,80,193,.32)}.brand-copy{display:none}.main-nav,.sidebar-footer{display:flex;flex-direction:column;gap:8px}.sidebar-footer{margin-top:auto}.main-nav a,.sidebar-footer a,.nav-button{position:relative;border:0;background:transparent;color:#8f9caf;display:flex;align-items:center;justify-content:center;height:54px;border-radius:13px;padding:0}.main-nav a span,.sidebar-footer a span,.nav-button span{display:none}.main-nav a svg,.sidebar-footer svg,.nav-button svg{width:22px;height:22px}.main-nav a:hover,.sidebar-footer a:hover,.nav-button:hover{color:#fff;background:rgba(255,255,255,.07)}.main-nav a.active,.sidebar-footer a.active{color:#fff;background:#516be1;box-shadow:0 8px 18px rgba(54,78,190,.35)}.nav-count{position:absolute;top:7px;right:6px;min-width:18px;height:18px;border-radius:10px;background:#f25f67;color:#fff;border:2px solid #131b2c;font-style:normal;font-size:10px;display:grid;place-items:center}.sidebar-footer form{margin:0}.sidebar-footer form button{width:100%}
.app-content{padding-left:var(--sidebar);min-height:100vh}.topbar{height:var(--topbar);position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:14px}.workspace-title{display:flex;align-items:center;gap:10px}.workspace-logo{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-weight:800}.workspace-title b,.workspace-title small{display:block}.workspace-title small{font-size:11px;color:var(--muted);margin-top:2px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 18%,transparent);margin-right:3px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.demo-badge{padding:7px 10px;border-radius:999px;background:var(--warning-soft);color:#a66a18;font-size:12px;font-weight:650}.operator-chip{display:flex;align-items:center;gap:7px}.operator-chip>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7ebf7;color:#506078;font-size:11px;font-weight:800}.operator-chip b{font-size:13px}.mobile-menu{display:none}.main-content{min-height:calc(100vh - var(--topbar))}.inbox-page .main-content{height:calc(100vh - var(--topbar));overflow:hidden}
.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:grid;place-items:center;color:var(--muted)}.icon-button:hover{color:var(--primary);border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--primary-soft)}.button{border:1px solid transparent;border-radius:10px;padding:10px 15px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-strong)}.button.secondary{background:var(--surface);border-color:var(--line)}.button.secondary:hover{border-color:var(--primary);color:var(--primary)}.button.danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.button.compact{padding:7px 11px;font-size:12px}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:800;font-size:10px;color:var(--primary);margin-bottom:5px}
.inbox-app{height:100%;display:grid;grid-template-columns:minmax(300px,350px) minmax(430px,1fr) minmax(270px,310px);background:var(--surface)}.conversation-panel,.chat-panel,.contact-panel{min-width:0;min-height:0;background:var(--surface)}.conversation-panel{display:flex;flex-direction:column;border-right:1px solid var(--line)}.panel-heading{height:72px;display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.panel-heading h1{font-size:22px;line-height:1;margin:0}.panel-heading h1 span{font-size:11px;vertical-align:middle;margin-left:4px;padding:3px 7px;border-radius:999px;color:var(--muted);background:var(--surface-2)}.panel-heading .icon-button{margin-left:auto}.search-box{margin:12px 14px 9px;height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);display:flex;align-items:center;padding:0 11px;gap:8px}.search-box svg{width:17px;color:var(--muted)}.search-box input{border:0;outline:0;background:transparent;min-width:0;width:100%;font-size:13px}.quick-filters{display:flex;gap:5px;padding:0 14px 10px;overflow:auto}.quick-filters button,.demo-actions button{white-space:nowrap;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11px;font-weight:700;padding:7px 9px}.quick-filters button:hover,.quick-filters button.active{background:var(--primary-soft);color:var(--primary)}.filter-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0 14px 10px}.filter-row select,.contact-controls select{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:8px;font-size:11px;outline:0}.conversation-list{flex:1;overflow:auto;border-top:1px solid var(--line)}.conversation-row{position:relative;width:100%;border:0;border-bottom:1px solid var(--line);background:var(--surface);display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:10px;text-align:left;padding:13px 14px}.conversation-row:hover{background:var(--surface-2)}.conversation-row.active{background:var(--primary-soft)}.conversation-row.active:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--primary)}.conversation-row.overdue{background:linear-gradient(90deg,var(--danger-soft),var(--surface) 55%)}.avatar{border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#dfe5f9,#cbd6f4);color:#425781;font-size:12px;font-weight:800}.conversation-avatar{width:44px;height:44px;position:relative}.channel-dot{position:absolute;right:-2px;bottom:-2px;width:19px;height:19px;border:2px solid var(--surface);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:8px;font-weight:900}.channel-dot.telegram{background:#2f9ce8}.channel-dot.vk{background:#3579db}.conversation-main{min-width:0}.conversation-top{display:flex;align-items:center;gap:6px}.conversation-top b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-top .lead-mark{color:var(--success);font-size:10px}.conversation-main p{margin:5px 0 0;color:var(--muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{text-align:right;min-width:50px}.conversation-meta time{font-size:10px;color:var(--muted)}.unread-badge{display:grid;place-items:center;margin:8px 0 0 auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--primary);color:#fff;font-size:10px;font-weight:800}.overdue-label{display:block;color:var(--danger);font-size:9px;font-weight:800;margin-top:8px}.row-tags{display:flex;gap:4px;margin-top:7px}.row-tag{font-size:9px;padding:3px 5px;border-radius:5px;background:var(--surface-2);color:var(--muted)}.row-tag.high,.row-tag.critical{background:var(--danger-soft);color:var(--danger)}.list-skeleton{height:77px;margin:10px 14px;border-radius:10px;background:linear-gradient(90deg,var(--surface-2),var(--line),var(--surface-2));background-size:200% 100%;animation:shimmer 1.3s infinite}.list-empty{padding:42px 24px;text-align:center;color:var(--muted)}.demo-simulator{flex:0 0 auto;border-top:1px solid var(--line);padding:10px 13px;background:var(--surface-2)}.demo-simulator>div:first-child{display:flex;align-items:center;gap:7px}.demo-simulator i{width:7px;height:7px;background:var(--success);border-radius:50%}.demo-simulator b,.demo-simulator small{display:block;font-size:10px}.demo-simulator small{color:var(--muted);margin-top:1px}.demo-actions{display:flex;gap:4px;margin-top:7px}.demo-actions button{padding:6px 7px;background:var(--surface);border:1px solid var(--line)}
.chat-panel{position:relative;border-right:1px solid var(--line)}.chat-empty,.contact-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--muted)}.chat-empty h2{color:var(--text);margin:20px 0 6px;font-size:18px}.chat-empty p{margin:0;max-width:300px}.empty-illustration{width:86px;height:68px;position:relative}.empty-illustration span{position:absolute;height:34px;border-radius:12px;background:var(--primary-soft)}.empty-illustration span:nth-child(1){width:64px;left:0;top:0}.empty-illustration span:nth-child(2){width:56px;right:0;bottom:0;background:color-mix(in srgb,var(--primary) 22%,var(--surface))}.empty-illustration span:nth-child(3){width:7px;height:7px;border-radius:50%;left:16px;top:14px;background:var(--primary);box-shadow:12px 0 var(--primary),24px 0 var(--primary)}.chat-workspace{height:100%;display:flex;flex-direction:column;min-height:0}.chat-header{height:72px;flex:0 0 72px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:10px 18px;gap:10px}.avatar-lg{width:42px;height:42px}.chat-identity{min-width:0}.chat-identity h2{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-identity p{font-size:11px;color:var(--muted);margin:4px 0 0}.chat-identity p i{font-style:normal;margin:0 4px}.sla-chip{margin-left:auto;background:var(--warning-soft);color:#ac6a12;border-radius:999px;padding:7px 9px;font-size:10px;font-weight:800}.sla-chip.overdue{background:var(--danger-soft);color:var(--danger)}.mobile-back,.mobile-contact{display:none}.message-stream{flex:1;min-height:0;overflow:auto;padding:20px 5%;background:linear-gradient(color-mix(in srgb,var(--surface-2) 92%,transparent),color-mix(in srgb,var(--surface-2) 92%,transparent)),radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0);background-size:auto,22px 22px}.date-separator{text-align:center;margin:6px 0 18px}.date-separator span{font-size:10px;color:var(--muted);padding:5px 9px;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.message-row{display:flex;margin:8px 0}.message-row.outgoing{justify-content:flex-end}.message-bubble{position:relative;max-width:min(72%,620px);padding:9px 12px 7px;border-radius:5px 15px 15px 15px;background:var(--surface);box-shadow:0 2px 6px rgba(22,32,51,.08);border:1px solid var(--line)}.outgoing .message-bubble{border-radius:15px 5px 15px 15px;background:var(--primary);border-color:var(--primary);color:#fff}.message-sender{font-size:10px;font-weight:800;color:var(--primary);margin-bottom:4px}.outgoing .message-sender{color:#dfe5ff}.message-reply{border-left:3px solid currentColor;padding:4px 7px;margin-bottom:6px;font-size:10px;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;font-size:13px}.message-image{display:block;max-width:100%;max-height:280px;border-radius:10px;margin-bottom:7px}.attachment-card{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:rgba(255,255,255,.12);margin-bottom:6px}.message-foot{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:5px;font-size:9px;color:var(--muted)}.outgoing .message-foot{color:#dfe5ff}.message-foot .failed{color:#ffd0d4;font-weight:800}.retry-message,.reply-message{border:0;background:transparent;color:inherit;font-size:9px;padding:0;text-decoration:underline}.message-row:hover .reply-message{opacity:1}.reply-message{opacity:.45}.reply-banner{flex:0 0 auto;margin:0 14px;padding:8px 12px;border-left:3px solid var(--primary);background:var(--primary-soft);display:flex;align-items:center}.reply-banner div{min-width:0}.reply-banner small{color:var(--primary);font-weight:800}.reply-banner p{margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.reply-banner button{margin-left:auto;border:0;background:transparent;font-size:20px;color:var(--muted)}.composer{flex:0 0 auto;margin:0;padding:12px 16px;border-top:1px solid var(--line);background:var(--surface)}.composer textarea{display:block;width:100%;resize:none;min-height:42px;max-height:120px;border:0;outline:0;background:transparent;line-height:1.45;padding:4px}.composer-footer{display:flex;align-items:center;margin-top:4px}.composer-footer>span{font-size:9px;color:var(--muted)}.send-button{margin-left:auto;width:38px;height:38px;border:0;border-radius:11px;background:var(--primary);color:#fff;display:grid;place-items:center}.send-button:hover{background:var(--primary-strong)}.send-button:disabled{opacity:.55}
.contact-panel{overflow:auto}.contact-header{height:56px;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid var(--line)}.contact-header h2{font-size:13px;margin:0}.contact-header>.icon-button:last-child{margin-left:auto;width:30px;height:30px;border:0}.contact-profile{text-align:center;padding:20px 18px 16px;border-bottom:1px solid var(--line)}.avatar-xl{width:70px;height:70px;margin:0 auto 10px;font-size:18px}.contact-profile h3{margin:0;font-size:17px}.contact-profile p{margin:5px 0;color:var(--muted);font-size:12px}.channel-line{display:flex;justify-content:center;gap:5px;margin-top:10px}.channel-label{padding:4px 7px;border-radius:6px;background:var(--primary-soft);color:var(--primary);font-size:9px;font-weight:800}.contact-controls{padding:14px 16px;display:grid;gap:9px;border-bottom:1px solid var(--line)}.contact-controls label,.settings-card label,.dialog-form label{display:grid;gap:5px}.contact-controls label>span,.settings-card label>span,.dialog-form label>span{color:var(--muted);font-size:10px;font-weight:750}.contact-controls select{width:100%;font-size:12px}.contact-section{padding:14px 16px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;margin-bottom:8px}.section-title h3{margin:0;font-size:12px}.section-title button{margin-left:auto;border:0;background:transparent;color:var(--primary);font-size:10px;font-weight:800}.contact-section textarea{width:100%;resize:vertical;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);padding:9px;outline:0;font-size:12px}.lead-list{display:grid;gap:7px}.lead-item{padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2)}.lead-item b{font-size:11px}.lead-item div{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:10px}.muted{color:var(--muted);font-size:11px}
.lead-dialog{width:min(480px,calc(100vw - 30px));border:0;border-radius:18px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);padding:24px}.lead-dialog::backdrop{background:rgba(11,17,30,.55);backdrop-filter:blur(3px)}.dialog-close{position:absolute;right:12px;top:10px}.dialog-close button{border:0;background:transparent;font-size:24px;color:var(--muted)}.dialog-heading h2{margin:0;font-size:21px}.dialog-heading p{color:var(--muted);margin:7px 0 18px}.dialog-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.dialog-form label:first-of-type{grid-column:1/-1}.dialog-form input,.dialog-form select,.settings-card input{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:10px;outline:0}.dialog-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px;margin-top:5px}
.page-wrap{padding:30px;max-width:1240px;margin:0 auto}.page-wrap.narrow{max-width:900px}.page-heading{display:flex;align-items:flex-start;margin-bottom:24px;gap:20px}.page-heading>div{flex:1}.page-heading h1{margin:0;font-size:28px;letter-spacing:-.03em}.page-heading p{margin:7px 0 0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card,.info-panel,.settings-card,.channel-card,.webhook-help,.danger-zone{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 3px 12px rgba(26,39,73,.03)}.metric-card{padding:20px}.metric-card span,.metric-card small{display:block;color:var(--muted)}.metric-card strong{display:block;font-size:28px;margin:10px 0 5px}.metric-card.warning strong{color:var(--warning)}.metric-card.danger strong{color:var(--danger)}.metric-card.success strong{color:var(--success)}.info-panel{margin-top:16px;padding:20px;display:flex;gap:14px}.info-panel h2{font-size:15px;margin:0 0 5px}.info-panel p{margin:0;color:var(--muted);line-height:1.5}.info-icon{width:34px;height:34px;flex:0 0 34px;border-radius:10px;background:var(--primary-soft);color:var(--primary);display:grid;place-items:center;font-weight:900}.settings-card{padding:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.toggle-row{display:flex;gap:22px;padding:20px 0}.toggle-row label{display:flex;gap:8px}.card-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);padding-top:16px}.danger-zone{margin-top:18px;padding:18px;display:flex;align-items:center;border-color:color-mix(in srgb,var(--danger) 25%,var(--line))}.danger-zone b{color:var(--danger)}.danger-zone p{margin:4px 0 0;color:var(--muted)}.danger-zone button{margin-left:auto}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.channel-card{padding:18px;display:grid;grid-template-columns:46px 1fr;gap:13px}.channel-logo{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;font-weight:900}.channel-logo.telegram{background:#2f9ce8}.channel-logo.vk{background:#3479da}.channel-card-main{min-width:0}.channel-card-title{display:flex;align-items:center;gap:8px}.channel-card h2{font-size:15px;margin:0}.channel-card p{color:var(--muted);font-size:12px;line-height:1.45}.channel-card dl{display:grid;gap:5px;margin:10px 0}.channel-card dl div{display:flex;justify-content:space-between;gap:10px;font-size:10px}.channel-card dt{color:var(--muted)}.channel-card dd{margin:0;text-align:right;overflow:hidden;text-overflow:ellipsis}.channel-card form{grid-column:2;justify-self:end}.status-pill{font-size:9px;font-weight:800;border-radius:999px;padding:4px 7px;background:var(--surface-2)}.status-pill.connected,.status-pill.demo{color:var(--success);background:var(--success-soft)}.status-pill.error{color:var(--danger);background:var(--danger-soft)}.webhook-help{margin-top:16px;padding:18px}.webhook-help h2{margin:0;font-size:15px}.webhook-help p{color:var(--muted);line-height:1.6}.webhook-help code{background:var(--surface-2);padding:2px 5px;border-radius:5px}.notification-list{display:grid;gap:9px}.notification-item{display:flex;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.notification-item.unread{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));background:var(--primary-soft)}.notification-icon{width:30px;height:30px;flex:0 0 30px;border-radius:9px;display:grid;place-items:center;background:var(--warning-soft);color:var(--warning);font-weight:900}.notification-item div{flex:1}.notification-item p{margin:4px 0;color:var(--muted)}.notification-item time{font-size:10px;color:var(--muted)}.notification-item>a{color:var(--primary);font-weight:700;font-size:11px}
.toast-stack{position:fixed;right:18px;bottom:18px;z-index:1000;display:grid;gap:8px}.toast{width:min(360px,calc(100vw - 36px));background:#172033;color:#fff;border-radius:11px;padding:12px 14px;box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:9px;opacity:0;transform:translateY(8px);transition:.2s}.toast.show{opacity:1;transform:none}.toast.error{background:#9f3540}.toast button{margin-left:auto;border:0;background:transparent;color:#fff}.toast p{margin:0;line-height:1.4}.validation{color:var(--danger);margin-bottom:10px}
.login-page{background:#10192c}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.login-story{color:#fff;padding:42px 7vw;display:flex;flex-direction:column;background:radial-gradient(circle at 20% 30%,#33478c,transparent 45%),#10192c}.brand-on-dark{width:max-content}.brand-on-dark .brand-copy{display:block}.story-copy{margin:auto 0;max-width:600px}.story-copy h1{font-size:clamp(38px,5vw,66px);line-height:1.02;letter-spacing:-.05em;margin:12px 0}.story-copy h1 em{color:#8ca0ff;font-style:normal}.story-copy p{color:#bdc7dc;font-size:18px;line-height:1.55}.login-preview{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:15px;padding:18px;margin-top:24px}.preview-top{display:flex;gap:5px}.preview-top span{width:7px;height:7px;background:#6f7b92;border-radius:50%}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.preview-grid>div{padding:13px;background:rgba(255,255,255,.07);border-radius:10px}.preview-grid small,.preview-grid strong{display:block}.preview-grid strong{font-size:19px;margin-top:5px}.preview-alert{grid-column:1/-1}.preview-alert p{margin:5px 0;color:#cbd3e2}.preview-alert span{color:#ffb763}.trust-row{display:flex;gap:20px;color:#aab6cd;font-size:12px}.trust-row span{display:flex;align-items:center;gap:5px}.trust-row svg{width:15px;color:#62d7ad}.login-panel{background:var(--surface);display:grid;place-items:center;padding:30px}.login-card{max-width:440px}.demo-pill{background:var(--success-soft);color:var(--success);border-radius:999px;padding:7px 10px;font-size:11px;font-weight:800}.login-card h2{font-size:30px;margin:20px 0 8px}.login-card>p{color:var(--muted);line-height:1.55}.demo-user{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid var(--line);border-radius:12px;margin:20px 0}.demo-user .avatar{width:46px;height:46px}.demo-user span:nth-child(2){flex:1}.demo-user b,.demo-user small{display:block}.demo-user small{color:var(--muted);margin-top:3px}.button.full{width:100%}.button.large{padding:13px}.login-note{font-size:11px;display:flex;gap:6px}.login-note svg{width:17px;flex:0 0 17px}.login-panel footer{align-self:end;color:var(--muted);font-size:10px}.error-state{text-align:center;padding:80px}.error-state>span{font-size:70px;color:var(--primary);font-weight:900}
.bot-channel-select{display:grid;gap:5px;min-width:160px}.bot-channel-select span{font-size:10px;font-weight:800;color:var(--muted)}.bot-channel-select select{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:10px}.bot-lab-grid{display:grid;grid-template-columns:minmax(340px,430px) 1fr;gap:16px;height:calc(100vh - 190px);min-height:620px}.bot-phone,.bot-operator-preview{min-height:0;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.bot-phone{display:flex;flex-direction:column}.bot-phone-head{height:68px;display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface)}.bot-phone-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#6b80f4,#415ed8);color:#fff;font-weight:850}.bot-phone-head div{min-width:0;flex:1}.bot-phone-head b,.bot-phone-head small{display:block}.bot-phone-head small{margin-top:3px;color:var(--muted);font-size:10px}.bot-transcript{flex:1;min-height:0;overflow:auto;padding:18px;background:linear-gradient(rgba(243,245,248,.86),rgba(243,245,248,.86)),radial-gradient(circle at 1px 1px,#dce2eb 1px,transparent 0);background-size:auto,20px 20px}.bot-hint{text-align:center;color:var(--muted);font-size:12px;margin:36px auto;max-width:260px}.bot-line{display:flex;margin:8px 0}.bot-line.user{justify-content:flex-end}.bot-line>div{max-width:86%;white-space:normal;overflow-wrap:anywhere;line-height:1.45;padding:9px 11px;border-radius:5px 14px 14px 14px;background:var(--surface);border:1px solid var(--line);box-shadow:0 2px 5px rgba(20,30,50,.05);font-size:12px}.bot-line.user>div{border-radius:14px 5px 14px 14px;background:var(--primary);border-color:var(--primary);color:#fff}.bot-line small{display:block;text-align:right;margin-top:4px;font-size:8px;color:var(--muted)}.bot-line.user small{color:#dfe5ff}.bot-keyboard{flex:0 0 auto;padding:6px 10px;background:var(--surface-2)}.bot-keyboard>div{display:flex;gap:5px;margin:4px 0}.bot-key{flex:1;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 5px;text-align:center;font-size:10px;font-weight:750}.bot-key:hover,.bot-key.primary{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.bot-key.positive{color:var(--success)}.bot-key.negative{color:var(--danger)}.bot-composer{display:flex;align-items:center;gap:7px;border-top:1px solid var(--line);padding:9px 10px}.bot-composer input{min-width:0;flex:1;border:0;outline:0;background:transparent}.bot-operator-preview{position:relative}.bot-operator-preview iframe{border:0;width:100%;height:100%}.bot-preview-empty{height:100%;display:grid;place-content:center;text-align:center;padding:35px;color:var(--muted)}.bot-preview-empty>span{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;margin:0 auto;background:var(--primary-soft);color:var(--primary);font-size:24px}.bot-preview-empty h2{color:var(--text);font-size:18px;margin:15px 0 6px}.bot-preview-empty p{max-width:420px;margin:0;line-height:1.55}.application-card{padding:11px;border:1px solid color-mix(in srgb,var(--primary) 30%,var(--line));border-radius:10px;background:var(--primary-soft)}.application-card h4{margin:0 0 8px;font-size:12px}.application-card dl{display:grid;gap:6px;margin:0}.application-card dl div{display:grid;grid-template-columns:90px 1fr;gap:6px;font-size:10px}.application-card dt{color:var(--muted)}.application-card dd{margin:0;overflow-wrap:anywhere}.mode-actions{display:flex;gap:5px}.mode-actions button{flex:1;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:7px;font-size:10px;font-weight:800}.mode-actions button.active{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}
@keyframes shimmer{to{background-position:-200% 0}}
@media(max-width:1150px){.inbox-app{grid-template-columns:310px 1fr}.contact-panel{position:fixed;z-index:45;right:0;top:var(--topbar);bottom:0;width:320px;transform:translateX(102%);transition:.2s;box-shadow:var(--shadow)}.inbox-app.contact-open .contact-panel{transform:none}.mobile-contact{display:inline-flex;margin-left:8px}.contact-header>[data-close-contact]{display:grid}.channel-grid{grid-template-columns:1fr}}
@media(min-width:1151px){.contact-header>[data-close-contact]{display:none}}
@media(max-width:760px){:root{--sidebar:0px;--topbar:58px}.sidebar{width:250px;transform:translateX(-102%);transition:.2s;align-items:stretch}.menu-open .sidebar{transform:none}.sidebar-scrim{position:fixed;inset:0;background:rgba(10,16,29,.55);z-index:49;display:none}.menu-open .sidebar-scrim{display:block}.brand-copy,.main-nav a span,.sidebar-footer a span,.nav-button span{display:block}.main-nav a,.sidebar-footer a,.nav-button{justify-content:flex-start;gap:13px;padding:0 14px}.app-content{padding-left:0}.topbar{padding:0 12px}.mobile-menu{display:grid}.workspace-logo{display:none}.workspace-title b{font-size:13px}.demo-badge,.operator-chip b{display:none}.operator-chip>span{width:30px;height:30px}.inbox-app{display:block}.conversation-panel,.chat-panel{height:100%}.chat-panel{display:none}.inbox-app.mobile-chat .conversation-panel{display:none}.inbox-app.mobile-chat .chat-panel{display:block}.contact-panel{top:var(--topbar);width:100%}.mobile-back{display:grid}.panel-heading{height:62px}.chat-header{height:62px;flex-basis:62px;padding:8px 10px}.message-stream{padding:14px 12px}.message-bubble{max-width:88%}.composer{padding:9px 11px}.composer-footer>span{display:none}.filter-row{display:none}.demo-simulator{padding-bottom:max(10px,env(safe-area-inset-bottom))}.page-wrap{padding:20px 14px}.page-heading{display:block}.page-heading .button{margin-top:14px}.metric-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.channel-card{grid-template-columns:42px 1fr}.login-shell{grid-template-columns:1fr}.login-story{display:none}.login-panel{min-height:100vh}.toggle-row{display:grid}.dialog-form{grid-template-columns:1fr}.dialog-form label:first-of-type,.dialog-actions{grid-column:auto}}
@media(max-width:420px){.metric-grid{grid-template-columns:1fr}.quick-filters{padding-right:5px}.conversation-row{padding:12px}.topbar-actions{gap:5px}}
@media(max-width:900px){.bot-lab-grid{grid-template-columns:1fr;height:auto}.bot-phone{min-height:680px}.bot-operator-preview{height:720px}}
.bot-settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.bot-settings-form{display:grid;gap:14px}.bot-settings-form h2,.bot-preview-card h2{font-size:15px;margin:8px 0 0}.bot-settings-form textarea,.bot-settings-form input[type=text],.bot-settings-form input[type=url],.bot-settings-form input[type=tel]{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:10px;outline:0;resize:vertical}.bot-settings-form label small{color:var(--muted);font-size:10px}.bot-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.bot-toggle-grid label{display:flex;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--surface-2);font-size:11px}.bot-preview-card{position:sticky;top:88px}.bot-preview-message{white-space:pre-wrap;padding:12px;border-radius:5px 14px 14px 14px;background:var(--surface-2);border:1px solid var(--line);font-size:12px;line-height:1.5}.bot-preview-buttons{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin:10px 0 16px}.bot-preview-buttons span{padding:8px 5px;border:1px solid var(--line);border-radius:8px;text-align:center;color:var(--primary);font-size:9px;font-weight:750}@media(max-width:900px){.bot-settings-grid{grid-template-columns:1fr}.bot-preview-card{position:static}.bot-toggle-grid{grid-template-columns:1fr}}
.message-row.system{justify-content:center}.message-row.system .message-bubble{max-width:min(88%,680px);border-radius:12px;background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 28%,var(--line))}.message-row.system .message-sender{color:var(--success)}
.calendar-heading{align-items:center}.calendar-create{position:relative}.calendar-create summary{list-style:none}.calendar-create-form{position:absolute;right:0;top:48px;z-index:30;width:min(520px,calc(100vw - 30px));padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr 1fr;gap:12px}.calendar-create-form label,.appointment-forms label{display:grid;gap:5px;color:var(--muted);font-size:10px;font-weight:750}.calendar-create-form input,.calendar-create-form select,.calendar-create-form textarea,.calendar-filters input,.calendar-filters select,.appointment-forms input,.appointment-forms select,.appointment-forms textarea{border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:9px;outline:0}.calendar-create-form .wide{grid-column:1/-1}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.calendar-nav{display:flex;align-items:center;gap:12px}.calendar-nav strong{min-width:180px;text-align:center;text-transform:capitalize}.view-switch{display:flex;padding:3px;border-radius:10px;background:var(--surface-2);border:1px solid var(--line)}.view-switch a,.view-switch button{border:0;background:transparent;padding:7px 11px;border-radius:7px;color:var(--muted);font-size:11px;font-weight:800}.view-switch a.active,.view-switch button.active{background:var(--surface);color:var(--primary);box-shadow:0 2px 6px rgba(20,30,50,.08)}.calendar-filters{display:grid;grid-template-columns:1.3fr repeat(3,1fr) auto;gap:8px;margin:12px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(145px,1fr));gap:8px;overflow:auto;padding-bottom:8px}.calendar-grid.day{grid-template-columns:minmax(280px,1fr)}.calendar-day{min-width:145px;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.calendar-day>header{display:flex;justify-content:space-between;padding:10px 11px;background:var(--surface-2);border-bottom:1px solid var(--line);text-transform:capitalize}.calendar-day>header span{color:var(--muted);font-size:11px}.calendar-day-items{min-height:360px;padding:7px;display:grid;align-content:start;gap:6px}.appointment-card{position:relative;padding:9px 8px 8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--surface);display:grid;gap:3px;overflow:hidden}.appointment-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--service-color,var(--primary))}.appointment-card:hover{border-color:var(--primary);box-shadow:0 5px 13px rgba(25,40,80,.08)}.appointment-card time{font-size:11px;font-weight:850;color:var(--primary)}.appointment-card b{font-size:11px}.appointment-card span,.appointment-card small{font-size:9px;color:var(--muted)}.appointment-card em,.appointment-status{width:max-content;font-style:normal;font-size:8px;font-weight:850;padding:3px 6px;border-radius:999px}.appointment-card.requested em,.appointment-status.requested{color:var(--warning);background:var(--warning-soft)}.appointment-card.confirmed em,.appointment-status.confirmed{color:var(--primary);background:var(--primary-soft)}.appointment-card.completed em,.appointment-status.completed{color:var(--success);background:var(--success-soft)}.appointment-card.cancelled{opacity:.7}.appointment-card.cancelled em,.appointment-status.cancelled{color:var(--danger);background:var(--danger-soft)}.calendar-empty{padding:60px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:13px}.calendar-empty p{color:var(--muted)}.appointment-list{display:grid;gap:7px}.appointment-list-row{display:grid;grid-template-columns:70px 5px minmax(180px,1fr) minmax(140px,.5fr) auto;gap:13px;align-items:center;padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.appointment-list-row:hover{border-color:var(--primary)}.appointment-list-row time b,.appointment-list-row time span,.appointment-list-row div b,.appointment-list-row div span{display:block}.appointment-list-row time span,.appointment-list-row div span,.appointment-list-row>span{font-size:10px;color:var(--muted)}.service-color{height:34px;border-radius:4px}.appointment-detail{margin-top:16px;padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.appointment-detail-head{display:flex;justify-content:space-between;gap:15px}.appointment-detail-head h2{margin:0;font-size:20px}.appointment-detail-head p{color:var(--muted)}.appointment-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:25px;padding:18px 0;border-top:1px solid var(--line)}.appointment-detail-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0}.appointment-detail-grid dl div{padding:10px;background:var(--surface-2);border-radius:8px}.appointment-detail-grid dt{font-size:9px;color:var(--muted)}.appointment-detail-grid dd{margin:4px 0 0;font-size:11px}.appointment-detail-grid h3,.appointment-forms h3{font-size:12px;margin:0 0 8px}.history-list,.reminder-list{display:grid;gap:5px;max-height:160px;overflow:auto;margin-bottom:12px}.history-list p,.reminder-list p{margin:0;padding:7px;background:var(--surface-2);border-radius:7px}.history-list b,.history-list span,.history-list small,.reminder-list b,.reminder-list span{display:block;font-size:9px}.history-list span,.history-list small,.reminder-list span{color:var(--muted);margin-top:2px}.appointment-actions{display:flex;flex-wrap:wrap;gap:7px;padding:13px 0;border-top:1px solid var(--line)}.appointment-forms{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.appointment-forms form{display:grid;align-content:start;gap:8px;padding:13px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2)}.appointment-forms .check,.schedule-row .check{display:flex;align-items:center;gap:6px}.analytics-period{display:flex;align-items:center;gap:8px;margin-bottom:14px}.analytics-period input{border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:8px}.analytics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.analytics-metrics article,.analytics-card{background:var(--surface);border:1px solid var(--line);border-radius:13px}.analytics-metrics article{padding:15px}.analytics-metrics span,.analytics-metrics small{display:block;color:var(--muted);font-size:10px}.analytics-metrics strong{display:block;font-size:22px;margin-top:8px}.analytics-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:12px;margin:12px 0}.analytics-grid.equal{grid-template-columns:1fr 1fr}.analytics-card{padding:18px;margin:12px 0}.analytics-grid>.analytics-card{margin:0}.analytics-card h2{margin:0 0 12px;font-size:17px}.section-heading{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.trend{font-size:11px;color:var(--success);background:var(--success-soft);border-radius:999px;padding:6px 8px}.funnel-list{display:grid;gap:7px}.funnel-list>div{position:relative;display:flex;justify-content:space-between;padding:9px 11px;background:var(--surface-2);border-radius:8px;overflow:hidden}.funnel-list i{position:absolute;left:0;bottom:0;height:3px;background:var(--primary)}.funnel-list b,.funnel-list small{display:block}.funnel-list small{color:var(--muted);font-size:9px;margin-top:2px}.funnel-list strong{font-size:18px}.revenue-card>h2{font-size:28px;color:var(--success)}.revenue-card>p{color:var(--muted)}.revenue-card dl,.analytics-dl{display:grid;gap:8px}.revenue-card dl div,.analytics-dl div{display:flex;justify-content:space-between;padding:8px;background:var(--surface-2);border-radius:7px}.revenue-card dt,.analytics-dl dt{color:var(--muted)}.revenue-card dd,.analytics-dl dd{margin:0;font-weight:800}.responsive-table{overflow:auto}.responsive-table table{width:100%;border-collapse:collapse;white-space:nowrap}.responsive-table th,.responsive-table td{text-align:right;padding:10px 8px;border-bottom:1px solid var(--line);font-size:10px}.responsive-table th:first-child,.responsive-table td:first-child{text-align:left}.responsive-table th{color:var(--muted)}.weekday-list{display:grid;gap:5px}.weekday-list>div{display:grid;grid-template-columns:110px 1fr auto;gap:8px;padding:8px;border-bottom:1px solid var(--line);font-size:10px}.weekday-list span{color:var(--muted)}.weekday-list em{font-style:normal;color:var(--success)}.hour-bars{display:grid;gap:9px}.hour-bars>div{display:grid;grid-template-columns:55px 1fr 25px;align-items:center;gap:8px;font-size:10px}.hour-bars i{height:7px;background:var(--surface-2);border-radius:5px;overflow:hidden}.hour-bars i b{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#8ca0ff)}.heatmap{display:grid;grid-template-columns:40px repeat(7,minmax(30px,1fr));gap:3px;min-width:480px}.heatmap>b,.heatmap>strong{display:grid;place-items:center;font-size:9px;color:var(--muted)}.heatmap>i{min-height:23px;display:grid;place-items:center;font-style:normal;font-size:8px;border-radius:4px;background:color-mix(in srgb,var(--primary) calc(var(--heat)*88%),var(--surface-2));color:color-mix(in srgb,var(--text) calc((1 - var(--heat))*100%),white)}.ranking{display:grid;gap:7px;padding:0;list-style:none}.ranking li{display:flex;justify-content:space-between;padding:8px;background:var(--surface-2);border-radius:7px}.schedule-settings{margin-top:16px}.schedule-list{display:grid;gap:7px;margin-top:14px}.schedule-row{display:grid;grid-template-columns:110px repeat(5,minmax(75px,1fr)) 75px 100px auto;align-items:end;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px}.schedule-row label{display:grid;gap:3px;color:var(--muted);font-size:9px}.schedule-row input[type=time],.schedule-row input[type=number]{min-width:0;width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:7px;padding:6px}
@media(max-width:980px){.calendar-filters{grid-template-columns:1fr 1fr}.calendar-grid{grid-template-columns:repeat(7,180px)}.appointment-detail-grid,.appointment-forms,.analytics-grid,.analytics-grid.equal{grid-template-columns:1fr}.analytics-metrics{grid-template-columns:repeat(2,1fr)}.schedule-row{grid-template-columns:1fr 1fr 1fr}.schedule-row>b{grid-column:1/-1}.appointment-list-row{grid-template-columns:60px 4px 1fr}.appointment-list-row>span,.appointment-list-row>em{grid-column:3}}
@media(max-width:620px){.calendar-toolbar,.analytics-period{align-items:stretch;flex-direction:column}.calendar-nav{justify-content:space-between}.calendar-filters,.calendar-create-form,.appointment-detail-grid dl{grid-template-columns:1fr}.calendar-create-form .wide{grid-column:auto}.analytics-metrics{grid-template-columns:1fr 1fr}.weekday-list>div{grid-template-columns:90px 1fr}.weekday-list em{grid-column:2}.schedule-row{grid-template-columns:1fr 1fr}.appointment-list-row{grid-template-columns:54px 4px 1fr}.appointment-detail{padding:14px}}
.contact-appointment-stats{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.contact-appointment-stats span{padding:6px;background:var(--surface-2);border-radius:6px;color:var(--muted);font-size:9px}.contact-appointment-stats span:last-child{grid-column:1/-1}.contact-appointment-stats b{color:var(--text)}
.service-settings-list{display:grid;gap:7px;margin-top:14px}.service-settings-row{display:grid;grid-template-columns:8px minmax(150px,1fr) repeat(3,100px) 55px 130px auto;gap:8px;align-items:end;padding:9px;border:1px solid var(--line);border-radius:9px}.service-settings-row>i{height:36px;border-radius:5px}.service-settings-row>b{align-self:center}.service-settings-row label,.exception-form label{display:grid;gap:3px;color:var(--muted);font-size:9px}.service-settings-row input,.exception-form input,.exception-form select{min-width:0;width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:7px;padding:7px}.service-settings-row .check{display:flex;align-items:center;gap:5px}.service-settings-row .check input{width:auto}.exception-form{display:grid;grid-template-columns:repeat(6,1fr) auto;gap:8px;align-items:end;margin-top:14px}.exception-list{display:grid;gap:6px;margin-top:12px}.exception-list>div{display:flex;align-items:center;justify-content:space-between;padding:9px;background:var(--surface-2);border-radius:8px}.exception-list b,.exception-list small{display:block}.exception-list small{color:var(--muted);margin-top:3px}@media(max-width:1000px){.service-settings-row{grid-template-columns:8px 1fr 1fr 1fr}.service-settings-row>b{grid-column:2/-1}.exception-form{grid-template-columns:1fr 1fr 1fr}}@media(max-width:620px){.service-settings-row,.exception-form{grid-template-columns:1fr 1fr}.service-settings-row>i{display:none}.service-settings-row>b{grid-column:1/-1}}