@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--font-primary:"Plus Jakarta Sans", sans-serif;--font-display:"Outfit", sans-serif;--bg-main:#f8fafc;--bg-card:#fff;--bg-sidebar:#fff;--bg-input:#f1f5f9;--border-color:#e2e8f0;--border-glow:#2563eb40;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--accent-primary:#2563eb;--accent-secondary:#3b82f6;--accent-glow:#2563eb14;--success:#10b981;--warning:#d97706;--danger:#dc2626;--info:#2563eb;--shadow-sm:0 1px 3px 0 #0000000d, 0 1px 2px 0 #00000008;--shadow-md:0 4px 20px -2px #0000000d, 0 2px 10px -1px #00000008;--shadow-lg:0 10px 30px -3px #00000014, 0 4px 12px -2px #00000008;--shadow-glow:0 0 15px #2563eb1f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.glass{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}@keyframes pulse-slow{0%,to{opacity:.15}50%{opacity:.35}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@media (width<=768px){:root{--radius-md:10px;--radius-lg:14px}}.settings-menu-card:hover{transform:translateY(-4px);border-color:var(--accent-primary)!important;box-shadow:var(--shadow-lg)!important;background:#2563eb08!important}.login-container{background-color:var(--bg-main);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.bg-blob{filter:blur(80px);z-index:1;opacity:.15;border-radius:50%;animation:8s infinite alternate pulse-slow;position:absolute}.blob-1{background:var(--accent-primary);width:350px;height:350px;top:-50px;left:-50px}.blob-2{background:var(--accent-secondary);width:400px;height:400px;animation-delay:-3s;bottom:-100px;right:-50px}.blob-3{background:var(--info);opacity:.08;width:250px;height:250px;top:50%;left:60%;transform:translate(-50%,-50%)}.login-card{z-index:10;border:1px solid var(--border-color);background:#fffc;width:100%;max-width:440px;margin:20px;padding:40px;animation:.6s ease-out fadeIn}.login-header{text-align:center;margin-bottom:30px}.login-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem;font-weight:700}.login-subtitle{color:var(--text-secondary);font-size:.95rem}.form-group{margin-bottom:20px;position:relative}.form-group label{color:var(--text-secondary);letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.input-wrapper{position:relative}.input-icon{color:var(--text-muted);font-size:1.1rem;transition:color .3s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.form-input{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-size:.95rem;font-family:var(--font-primary);outline:none;padding:14px 14px 14px 44px;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-input:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #2563eb26}.form-input:focus+.input-icon{color:var(--accent-primary)}.login-button{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;width:100%;font-size:1rem;font-weight:600;font-family:var(--font-primary);cursor:pointer;box-shadow:var(--shadow-sm);border:none;margin-top:10px;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-error{border-radius:var(--radius-sm);color:var(--danger);text-align:center;background:#dc26261a;border:1px solid #dc262633;margin-bottom:20px;padding:12px;font-size:.85rem;animation:.3s fadeIn}.dashboard-layout{background-color:var(--bg-main);min-height:100vh;display:flex;position:relative}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;width:260px;height:100vh;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.sidebar-logo-area{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;display:flex}.sidebar-logo{font-family:var(--font-display);background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.sidebar-menu{flex:1;padding:20px 14px;list-style:none}.sidebar-item{margin-bottom:8px}.sidebar-link{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{color:var(--text-primary);background:#00000008}.sidebar-link.active{background:var(--accent-glow);color:var(--accent-primary);border-left:3px solid var(--accent-primary);border-top-left-radius:0;border-bottom-left-radius:0;font-weight:600}.sidebar-link-icon{font-size:1.2rem}.sidebar-footer{border-top:1px solid var(--border-color);padding:20px}.user-profile-summary{align-items:center;gap:12px;margin-bottom:15px;display:flex}.user-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;width:40px;height:40px;font-weight:600;font-family:var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex}.user-info-text{flex:1;min-width:0}.user-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.user-role{color:var(--text-muted);font-size:.75rem}.logout-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{color:var(--danger);background:#dc26260d;border-color:#dc262633}.main-content{flex-direction:column;flex:1;min-height:100vh;margin-left:260px;padding-bottom:40px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.main-header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);z-index:90;background-color:#ffffffd9;justify-content:space-between;align-items:center;height:70px;padding:0 30px;display:flex;position:sticky;top:0}.header-search{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);align-items:center;gap:10px;width:100%;max-width:320px;padding:8px 16px;display:flex}.header-search-icon{color:var(--text-muted);font-size:1rem}.header-search-input{color:var(--text-primary);font-family:var(--font-primary);background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.header-actions{align-items:center;gap:15px;display:flex}.notification-badge{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.notification-badge:hover{color:var(--text-primary);background:#00000008}.badge-dot{background-color:var(--accent-primary);width:8px;height:8px;box-shadow:0 0 8px var(--accent-primary);border-radius:50%;position:absolute;top:10px;right:10px}.menu-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;display:none}.page-container{width:100%;max-width:1400px;margin:0 auto;padding:30px;animation:.4s ease-out fadeIn}.page-header{margin-bottom:24px}.page-title{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.8rem;font-weight:700}.page-subtitle{color:var(--text-secondary);font-size:.9rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px;display:grid}.stat-card{border:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:24px;transition:transform .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.stat-card:after{content:"";background:0 0;width:100%;height:3px;transition:background .3s;position:absolute;top:0;left:0}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-4px)}.stat-card.blue:after{background:var(--info)}.stat-card.violet:after{background:var(--accent-secondary)}.stat-card.emerald:after{background:var(--success)}.stat-card.amber:after{background:var(--warning)}.stat-info{flex-direction:column;display:flex}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.85rem;font-weight:600}.stat-value{font-family:var(--font-display);color:var(--text-primary);font-size:2rem;font-weight:700;line-height:1}.stat-icon-wrapper{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}.blue .stat-icon-wrapper{color:var(--info);background:#2563eb1a}.violet .stat-icon-wrapper{color:var(--accent-secondary);background:#3b82f61a}.emerald .stat-icon-wrapper{color:var(--success);background:#10b9811a}.amber .stat-icon-wrapper{color:var(--warning);background:#d977061a}.dashboard-sections{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:30px;display:grid}.chart-container{border:1px solid var(--border-color);padding:24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.15rem;font-weight:600}.chart-placeholder{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-end;height:220px;padding:10px 10px 0;display:flex;position:relative}.chart-bar-wrapper{flex-direction:column;justify-content:flex-end;align-items:center;width:12%;height:100%;display:flex}.chart-bar{background:linear-gradient(180deg, var(--accent-primary), #2563eb1a);cursor:pointer;border-top-left-radius:4px;border-top-right-radius:4px;width:100%;transition:height 1s ease-out;position:relative}.chart-bar:hover{background:linear-gradient(180deg, var(--accent-secondary), #3b82f61a)}.chart-bar-tooltip{color:#fff;opacity:0;pointer-events:none;white-space:nowrap;background:#0f172ae6;border-radius:4px;padding:2px 6px;font-size:.75rem;transition:opacity .2s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.chart-bar:hover .chart-bar-tooltip{opacity:1}.chart-bar-label{color:var(--text-secondary);white-space:nowrap;margin-top:10px;font-size:.75rem}.status-list{flex-direction:column;gap:14px;margin-top:10px;display:flex}.status-item{justify-content:space-between;align-items:center;display:flex}.status-name-group{align-items:center;gap:10px;font-size:.9rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.status-count{font-size:.9rem;font-weight:600}.progress-bar-bg{background:#0000000d;border-radius:10px;width:100%;height:6px;margin-top:6px;overflow:hidden}.progress-bar-fill{border-radius:10px;height:100%}.table-section{border:1px solid var(--border-color);margin-top:30px;padding:24px}.table-header-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.table-actions-left{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-input-wrapper{min-width:260px;position:relative}.search-input-wrapper .search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.table-search-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-primary);outline:none;padding:10px 10px 10px 38px;font-size:.85rem;transition:all .3s}.table-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #2563eb26}.filter-select{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;outline:none;padding:10px 14px;font-size:.85rem;transition:border .3s}.filter-select:focus{border-color:var(--accent-primary)}.add-customer-btn{background:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-primary);cursor:pointer;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.add-customer-btn:hover{background:var(--accent-secondary);transform:translateY(-1px)}.table-responsive{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;overflow-x:auto}.crm-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.crm-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.5px;background:#00000005;padding:14px 18px;font-size:.75rem;font-weight:600}.crm-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);white-space:nowrap;padding:14px 18px}.crm-table tbody tr{transition:background .2s}.crm-table tbody tr:hover{background:#00000004}.status-badge{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.yeni{color:#1e40af;background:#dbeafe}.status-badge.iletişimde{color:#6d28d9;background:#ede9fe}.status-badge.teklif-verildi{color:#b45309;background:#fef3c7}.status-badge.kazanıldı{color:#065f46;background:#d1fae5}.status-badge.kaybedildi{color:#991b1b;background:#fee2e2}.status-badge.devam-ediyor{color:#6d28d9;background:#ede9fe}.status-badge.randevu-verildi{color:#b45309;background:#fef3c7}.status-badge.kapatıldı{color:#065f46;background:#d1fae5}.table-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;display:flex}.pagination-info{color:var(--text-secondary);font-size:.85rem}.pagination-buttons{gap:6px;display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;font-family:var(--font-primary);justify-content:center;align-items:center;font-size:.85rem;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled),.pagination-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172a66;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);width:100%;max-width:500px;box-shadow:var(--shadow-lg);margin:20px;padding:30px;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s}.modal-close-btn:hover{color:var(--danger)}.modal-footer{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-primary);background:0 0;padding:10px 16px;font-size:.85rem;transition:all .2s}.btn-secondary:hover{color:var(--text-primary);background:#00000005}.mobile-nav{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);z-index:100;justify-content:space-around;align-items:center;width:100%;height:60px;display:none;position:fixed;bottom:0;left:0}.mobile-nav-item{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.75rem;text-decoration:none;display:flex}.mobile-nav-item.active{color:var(--accent-primary)}.mobile-nav-icon{font-size:1.25rem}.chat-page-layout{grid-template-columns:320px 1fr 300px;gap:20px;height:calc(100vh - 70px);margin-top:10px;display:grid}.chat-sidebar-pane{border:1px solid var(--border-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-pane-header{border-bottom:1px solid var(--border-color);background:#fff;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.add-chat-btn{background:var(--accent-glow);border:1px solid var(--border-glow);color:var(--accent-primary);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.add-chat-btn:hover{background:var(--accent-primary);color:#fff;box-shadow:var(--shadow-glow)}.chat-filters-section{border-bottom:1px solid var(--border-color);background:#fff;flex-direction:column;gap:10px;padding:14px 20px;display:flex}.chat-search-wrapper{width:100%;position:relative}.chat-search-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chat-search-input{background:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-primary);border-radius:8px;outline:none;padding:8px 10px 8px 34px;font-size:.82rem;transition:border .3s}.chat-search-input:focus{border-color:var(--accent-primary);background:#fff}.chat-selects-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.chat-select{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;border-radius:6px;outline:none;width:100%;min-width:0;padding:6px 4px;font-size:.75rem}.chat-select:focus{border-color:var(--accent-primary);background:#fff}.chat-tabs-menu{border-bottom:1px solid var(--border-color);background:#f1f5f9;gap:4px;padding:8px 12px;display:flex}.chat-tab-btn{color:var(--text-secondary);font-family:var(--font-primary);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:6px;flex:1;padding:8px 0;font-size:.78rem;font-weight:500;transition:all .2s}.chat-tab-btn:hover{color:var(--text-primary);background:#00000005}.chat-tab-btn.active{color:var(--accent-primary);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff;font-weight:600}.chat-customers-list{background:#fff;flex:1;padding:10px 0;overflow-y:auto}.chat-list-loading,.chat-list-empty{color:var(--text-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 20px;font-size:.85rem;display:flex}.chat-customer-card{cursor:pointer;border-bottom:1px solid #00000008;border-left:3px solid #0000;padding:14px 20px;transition:all .2s}.chat-customer-card:hover{background:#00000004}.chat-customer-card.active{border-left-color:var(--accent-primary);background:#2563eb0f}.chat-card-top{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.chat-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.chat-card-time{color:var(--text-muted);font-size:.72rem}.chat-card-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.chat-card-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.chat-card-badge{border-radius:10px;padding:2px 6px;font-size:.68rem;font-weight:600;background-color:#0000!important}.chat-pagination{border-top:1px solid var(--border-color);background:#f8fafc;justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.chat-page-btn{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.chat-page-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.chat-page-btn:disabled{opacity:.3;cursor:not-allowed}.chat-page-info{color:var(--text-secondary);font-size:.78rem;font-weight:500}.chat-messages-pane{border:1px solid var(--border-color);flex-direction:column;height:100%;display:flex;overflow:hidden}.chat-conversation-header{border-bottom:1px solid var(--border-color);background:#f8fafc;align-items:center;padding:16px 24px;display:flex}.conversation-customer-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.1rem;font-weight:600}.conversation-meta-details{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.meta-tag{border:1px solid var(--border-color);color:var(--text-secondary);background:#00000008;border-radius:4px;padding:2px 8px;font-size:.72rem;font-weight:500}.chat-conversation-body{background:#f1f5f9;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.chat-pane-loading,.chat-pane-empty,.chat-no-selection{height:100%;color:var(--text-secondary);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;padding:20px;font-size:.9rem;display:flex}.chat-no-selection h3{font-family:var(--font-display);color:var(--text-primary);margin-bottom:6px;font-size:1.25rem}.chat-message-row{width:100%;display:flex}.chat-message-row.customer{justify-content:flex-start}.chat-message-row.agent{justify-content:flex-end}.chat-message-bubble{border-radius:var(--radius-sm);max-width:65%;box-shadow:var(--shadow-sm);padding:12px 16px;animation:.25s ease-out fadeIn;position:relative}.customer .chat-message-bubble{border:1px solid var(--border-color);color:var(--text-primary);background-color:#fff;border-top-left-radius:0}.agent .chat-message-bubble{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-top-right-radius:0}.message-sender-name{opacity:.8;margin-bottom:4px;font-size:.72rem;font-weight:600}.customer .message-sender-name{color:var(--accent-primary)}.agent .message-sender-name{color:#c7d2fe}.message-text{word-break:break-word;font-size:.88rem;line-height:1.45}.message-time{text-align:right;opacity:.6;margin-top:6px;font-size:.65rem}.chat-conversation-footer{border-top:1px solid var(--border-color);background:#fff;align-items:center;gap:12px;padding:16px 24px;display:flex}.chat-message-input{background:var(--bg-input);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-primary);border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:.9rem;transition:all .3s}.chat-message-input:focus{border-color:var(--accent-primary);background:#fff}.chat-send-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--accent-secondary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-profile-pane{border:1px solid var(--border-color);flex-direction:column;height:100%;padding:24px;display:flex;overflow-y:auto}.chat-profile-empty{height:100%;color:var(--text-secondary);text-align:center;background:#fff;justify-content:center;align-items:center;font-size:.85rem;display:flex}.chat-profile-header{text-align:center;border-bottom:1px solid var(--border-color);flex-direction:column;align-items:center;margin-bottom:24px;padding-bottom:20px;display:flex}.profile-big-avatar{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;width:70px;height:70px;font-size:1.8rem;font-weight:700;font-family:var(--font-display);box-shadow:var(--shadow-md);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.profile-customer-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:4px;font-size:1.15rem;font-weight:700}.profile-customer-company{color:var(--text-secondary);font-size:.82rem;font-weight:500}.chat-profile-details{flex-direction:column;gap:16px;display:flex}.profile-section-title{color:var(--text-muted);letter-spacing:1px;margin-bottom:4px;font-size:.72rem;font-weight:700}.profile-detail-item{align-items:flex-start;gap:12px;display:flex}.detail-icon{color:var(--text-muted);flex-shrink:0;margin-top:2px}.detail-content{flex-direction:column;min-width:0;display:flex}.detail-label{color:var(--text-secondary);margin-bottom:2px;font-size:.7rem}.detail-val{color:var(--text-primary);word-break:break-all;font-size:.85rem}.detail-val.badge-style{border:1px solid var(--border-color);background:#00000008;border-radius:4px;margin-top:2px;padding:2px 8px;font-size:.78rem;display:inline-block}@media (width<=1200px){.chat-page-layout{grid-template-columns:300px 1fr}.chat-profile-pane{display:none}}@media (width<=768px){.chat-page-layout{grid-template-columns:1fr;height:calc(100vh - 90px)}.chat-sidebar-pane{border-bottom:1px solid var(--border-color);height:380px}.chat-messages-pane{height:450px}}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0}.menu-toggle{display:block}.dashboard-sections{grid-template-columns:1fr}}@media (width<=768px){.page-container{padding:20px 20px 80px}.main-header{padding:0 20px}.header-search{display:none}.mobile-nav{display:flex}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr}.table-header-controls{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:100%}.pagination-info{text-align:center;width:100%}.pagination-buttons{justify-content:center;width:100%}}.sidebar.collapsed{width:70px}.sidebar.collapsed .sidebar-logo-area{justify-content:center;padding:24px 10px}.sidebar.collapsed .sidebar-logo{letter-spacing:-.5px;font-size:1.1rem}.sidebar.collapsed .sidebar-link span,.sidebar.collapsed .user-info-text,.sidebar.collapsed .logout-btn span{display:none}.sidebar.collapsed .sidebar-menu{padding:20px 8px}.sidebar.collapsed .sidebar-link{border-left:none;justify-content:center;gap:0;padding:12px}.sidebar.collapsed .sidebar-link.active{background:var(--accent-glow);color:var(--accent-primary);border-radius:var(--radius-sm);border-left:none}.sidebar.collapsed .sidebar-footer{flex-direction:column;align-items:center;padding:15px 10px;display:flex}.sidebar.collapsed .user-profile-summary{justify-content:center;margin-bottom:0}.sidebar.collapsed .logout-btn{border-radius:50%;justify-content:center;width:auto;padding:12px}.dashboard-layout.sidebar-collapsed .main-content{margin-left:70px}