.crm-layout{display:flex;min-height:100vh;background:var(--color-background-secondary)}.crm-main{flex:1;margin-left:256px;display:flex;flex-direction:column;height:100vh;overflow:hidden}.crm-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:#fff;border-bottom:1px solid var(--color-border);flex-shrink:0}.crm-topbar h1{font-size:1.4rem;font-weight:700;color:var(--color-text-primary);margin:0 0 2px}.crm-subtitle{font-size:.82rem;color:var(--color-text-secondary);margin:0}.btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary);color:#fff;border:none;padding:9px 18px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--color-hover-secondary)}.btn-secondary{display:inline-flex;align-items:center;gap:6px;background:var(--color-background-secondary);color:var(--color-text-primary);border:1px solid var(--color-border);padding:9px 18px;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer}.btn-sm{background:none;border:1px solid var(--color-border);padding:5px 10px;border-radius:6px;font-size:.78rem;cursor:pointer;color:var(--color-text-secondary)}.btn-sm:hover{border-color:#ef4444;color:#ef4444}.messaging-layout{display:flex;flex:1;overflow:hidden}.conv-list-panel{width:300px;flex-shrink:0;background:#fff;border-right:1px solid var(--color-border);display:flex;flex-direction:column}.conv-search{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border)}.conv-search svg{flex-shrink:0;color:var(--color-text-secondary)}.conv-search input{flex:1;border:none;outline:none;font-size:.88rem;background:transparent}.conv-filters{display:flex;gap:4px;padding:10px 12px;border-bottom:1px solid var(--color-border)}.cfilt{padding:4px 10px;border-radius:6px;border:1px solid var(--color-border);background:transparent;font-size:.78rem;cursor:pointer;color:var(--color-text-secondary)}.cfilt.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.conv-list{flex:1;overflow-y:auto}.conv-empty,.list-loading{padding:24px;text-align:center;font-size:.85rem;color:var(--color-text-secondary)}.conv-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .15s;position:relative}.conv-item:hover{background:var(--color-background-secondary)}.conv-item.active{background:#133dbd0f}.conv-item.unread .conv-name{font-weight:700}.conv-avatar{width:36px;height:36px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.conv-avatar-lg{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.conv-item-body{flex:1;min-width:0}.conv-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.conv-name{font-size:.88rem;font-weight:600;color:var(--color-text-primary)}.conv-time{font-size:.72rem;color:var(--color-text-secondary);flex-shrink:0}.conv-subject{font-size:.78rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-badge{position:absolute;top:12px;right:16px;background:var(--color-primary);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:50px}.chat-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.chat-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--color-text-secondary);background:var(--color-background-secondary)}.chat-active{flex:1;display:flex;flex-direction:column}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-client-name{font-size:.95rem;font-weight:700;color:var(--color-text-primary)}.chat-subject{font-size:.78rem;color:var(--color-text-secondary)}.chat-client-email{font-size:.74rem;color:var(--color-text-secondary);margin-top:1px}.chat-header-actions{display:flex;gap:8px;align-items:center}.form-select-sm{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;font-size:.82rem;background:#fff}.chat-messages{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:16px;background:var(--color-background-secondary)}.msg-empty{text-align:center;color:var(--color-text-secondary);font-size:.85rem;padding:24px}.msg-bubble{max-width:70%;display:flex;flex-direction:column;gap:3px}.msg-in{align-self:flex-start}.msg-out{align-self:flex-end}.msg-sender{font-size:.72rem;font-weight:600;color:var(--color-text-secondary)}.msg-out .msg-sender{text-align:right}.msg-text{padding:10px 14px;border-radius:12px;font-size:.88rem;line-height:1.5}.msg-in .msg-text{background:#fff;color:var(--color-text-primary);border-bottom-left-radius:4px;box-shadow:0 1px 4px #0000000f}.msg-out .msg-text{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.msg-time{font-size:.68rem;color:var(--color-text-secondary)}.msg-out .msg-time{text-align:right}.chat-input-area{display:flex;gap:10px;padding:16px 24px;background:#fff;border-top:1px solid var(--color-border);flex-shrink:0;align-items:flex-end}.chat-input-area textarea{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:10px;resize:none;font-size:.88rem;font-family:inherit}.chat-input-area textarea:focus{outline:none;border-color:var(--color-primary)}.btn-send{width:40px;height:40px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.btn-send:hover{background:var(--color-hover-secondary)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:none;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-overlay.active{display:flex}.modal{background:#fff;border-radius:16px;width:100%;max-width:520px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border)}.modal-header h3{font-size:1.05rem;font-weight:700;margin:0}.modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex}.modal-form{padding:24px;display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.83rem;font-weight:600;color:var(--color-text-primary)}.form-input{padding:9px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.88rem;width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary)}.form-textarea{min-height:80px;resize:vertical}.modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:8px}@media(max-width:1024px){.crm-main{margin-left:0}}@media(max-width:768px){.conv-list-panel{width:100%}.messaging-layout{flex-direction:column}}