:root{--hh-primary:#ed2e38;--hh-primary-dark:#b33e35;--hh-accent:#f2ab1a;--background:#f6f7f9;--surface:#fff;--surface-muted:#f1f3f5;--surface-strong:#202124;--border:#d9dde3;--border-strong:#b9c0ca;--text-primary:#1e2025;--text-secondary:#626b78;--text-muted:#858e9a;--success:#138a58;--warning:#b76e00;--error:#b42318;--info:#2563eb;--shadow:0 18px 60px #191c211f}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--text-primary);letter-spacing:0;margin:0;font-family:Poppins,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled,textarea:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.62}a{color:inherit;text-decoration:none}.login-page{background:linear-gradient(135deg, #ed2e3814, transparent 34%), linear-gradient(315deg, #f2ab1a24, transparent 30%), var(--background);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--surface);border:1px solid var(--border);width:min(460px,100%);box-shadow:var(--shadow);border-radius:8px;padding:34px 32px 30px}.brand-mark{background:var(--hh-primary);color:#fff;letter-spacing:0;border-radius:8px;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.brand-logo{background:var(--hh-primary);color:#fff;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;font-weight:800;display:grid;position:relative;overflow:hidden}.brand-logo img{object-fit:contain;padding:0}.login-logo{width:176px;height:176px;color:var(--hh-primary);background:0 0;margin:0 auto}.login-logo span{background:var(--hh-primary);color:#fff;border-radius:8px;place-items:center;width:96px;height:96px;display:grid}.sidebar-logo{background:#fff;width:56px;height:56px}.sidebar-logo span{background:var(--hh-primary);color:#fff;border-radius:8px;place-items:center;width:48px;height:48px;display:grid}.login-brand-block{text-align:center;margin-bottom:24px}.login-card h1{margin:18px 0 6px;font-size:28px;line-height:1.1}.login-card p{color:var(--text-secondary);margin:0}.form-stack{gap:14px;display:grid}.field{gap:7px;display:grid}.field>div,.search-box{align-items:center;display:flex;position:relative}.field>div>svg,.search-box>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:11px}.field>div>.input,.search-box>.input{padding-left:34px}.field span{color:var(--text-secondary);font-size:13px;font-weight:600}.input,.textarea,.select{border:1px solid var(--border);width:100%;color:var(--text-primary);background:#fff;border-radius:8px;outline:none;padding:10px 12px}.textarea{resize:vertical;min-height:88px}.input:focus,.textarea:focus,.select:focus{border-color:var(--hh-primary);box-shadow:0 0 0 3px #ed2e381f}.button{min-height:38px;color:var(--text-primary);background:var(--surface-muted);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 12px;font-weight:600;display:inline-flex}.button.primary{background:var(--hh-primary);color:#fff}.button.primary:hover{background:var(--hh-primary-dark)}.button.ghost{border-color:var(--border);background:0 0}.button.danger{color:var(--error);background:#b4231814}.error-text{color:var(--error);font-size:13px}.success-text{color:var(--success);font-size:13px}.text-button{color:var(--hh-primary-dark);background:0 0;border:0;padding:8px;font-weight:700}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:#191b20;flex-direction:column;gap:24px;padding:18px 14px;display:flex}.sidebar-brand{align-items:center;gap:12px;padding:4px 6px;display:flex}.sidebar-brand strong{font-size:16px;display:block}.sidebar-brand span{color:#cbd1da;margin-top:2px;font-size:12px;display:block}.nav-list{gap:5px;display:grid}.nav-item{color:#d8dde5;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex}.nav-item.active{background:var(--hh-primary);color:#fff}.nav-item:not(.active):hover{background:#ffffff14}.sidebar-footer{border-top:1px solid #ffffff1f;gap:10px;margin-top:auto;padding:12px;display:grid}.sidebar-footer .button.ghost{color:#fff;background:#ffffff14;border-color:#ffffff38;justify-content:flex-start;width:100%}.sidebar-footer .button.ghost:hover{background:#ed2e38eb;border-color:#ed2e38eb}.operator-name{color:#eef1f4;font-size:13px}.operator-role{color:#b7bfca;font-size:12px}.main-area{grid-template-rows:64px minmax(0,1fr);min-width:0;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:0 22px;display:flex}.topbar h1{margin:0;font-size:20px}.topbar p{color:var(--text-secondary);margin:3px 0 0;font-size:13px}.page-simple{padding:28px}.simple-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:24px}.inbox-grid{grid-template-columns:minmax(320px,390px) minmax(420px,1fr) minmax(300px,360px);min-width:0;height:calc(100vh - 64px);display:grid}.conversation-list{border-right:1px solid var(--border);background:var(--surface);grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.list-controls{border-bottom:1px solid var(--border);gap:10px;padding:14px;display:grid}.filter-row{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);color:var(--text-secondary);background:#fff;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.chip.active{border-color:var(--hh-primary);color:var(--hh-primary-dark);background:#ed2e3814}.list-scroll,.messages-scroll{overflow:auto}.conversation-item{text-align:left;border:0;border-bottom:1px solid var(--border);background:#fff;gap:9px;width:100%;padding:14px;display:grid}.conversation-item.active{box-shadow:inset 3px 0 0 var(--hh-primary);background:#fff7f7}.conversation-item:hover{background:var(--surface-muted)}.conversation-title-row,.conversation-meta-row,.chat-title-row,.contact-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.conversation-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.conversation-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:4px 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.badge.mode-ai{color:#735000;background:#f2ab1a2e}.badge.mode-human{color:#0f6d46;background:#138a581f}.badge.channel{color:var(--text-secondary);background:var(--surface-muted);border-color:var(--border)}.badge.alert-attention{color:var(--warning);background:#b76e001f}.badge.alert-error{color:var(--error);background:#b423181a}.unread-pill{background:var(--hh-primary);color:#fff;border-radius:999px;place-items:center;min-width:24px;height:24px;padding:0 8px;font-size:12px;font-weight:800;display:inline-grid}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-pill{color:var(--text-secondary);background:#eef1f5;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:600}.chat-panel{background:#f8f9fb;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;display:grid}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);gap:12px;padding:14px 18px;display:grid}.chat-title{min-width:0}.chat-title h2{margin:0;font-size:19px}.chat-title p{color:var(--text-secondary);margin:4px 0 0;font-size:13px}.mode-toggle{border:1px solid var(--border);background:#fff;border-radius:8px;grid-template-columns:1fr 1fr;display:inline-grid;overflow:hidden}.mode-toggle button{min-height:36px;color:var(--text-secondary);background:#fff;border:0;padding:8px 11px;font-size:12px;font-weight:800}.mode-toggle button.active.ai{color:#735000;background:#f2ab1a2e}.mode-toggle button.active.human{color:#0f6d46;background:#138a581f}.mode-note{color:var(--text-secondary);font-size:13px}.messages-scroll{flex-direction:column;gap:10px;padding:20px;display:flex}.message-line{display:flex}.message-line.customer{justify-content:flex-start}.message-line.ai,.message-line.human{justify-content:flex-end}.message-line.system{justify-content:center}.bubble{border:1px solid var(--border);background:#fff;border-radius:8px;max-width:min(640px,82%);padding:10px 12px}.bubble.customer{background:#fff}.bubble.ai{background:#fff9e9;border-color:#f2ab1a73}.bubble.human{background:#edf9f4;border-color:#138a5838}.bubble.system{max-width:70%;color:var(--text-muted);text-align:center;background:0 0;border:0;font-size:12px}.bubble-meta{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;font-size:11px;display:flex}.bubble-content{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45}.composer{border-top:1px solid var(--border);background:var(--surface);gap:10px;padding:14px;display:grid}.composer-row{align-items:flex-end;gap:10px;display:flex}.composer textarea{min-height:46px;max-height:160px}.contact-sidebar{border-left:1px solid var(--border);background:var(--surface);align-content:start;gap:18px;min-width:0;padding:18px;display:grid;overflow:auto}.contact-card{gap:12px;display:grid}.section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:13px}.contact-name{margin:0;font-size:22px}.muted{color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}.detail-grid{gap:9px;display:grid}.detail-row{grid-template-columns:110px minmax(0,1fr);gap:10px;font-size:13px;display:grid}.detail-row span:first-child{color:var(--text-muted)}.technical-box{border:1px solid var(--border);background:var(--surface-muted);white-space:pre-wrap;border-radius:8px;max-height:260px;padding:12px;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px;overflow:auto}.empty-state,.loading-state{height:100%;color:var(--text-secondary);text-align:center;place-items:center;padding:24px;display:grid}.mobile-back{display:none}@media (max-width:1180px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar-brand-text,.nav-item span,.sidebar-footer{display:none}.sidebar-brand{justify-content:center;padding:0}.sidebar-logo{width:46px;height:46px}.inbox-grid{grid-template-columns:330px minmax(0,1fr)}.contact-sidebar{display:none}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-area{grid-template-rows:auto minmax(0,1fr)}.topbar{min-height:58px;padding:12px 14px}.inbox-grid{grid-template-columns:1fr;height:calc(100vh - 58px)}.conversation-list.hidden-mobile,.chat-panel.hidden-mobile{display:none}.chat-header{padding:12px}.mobile-back{display:inline-flex}}