.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:var(--bg-card);border-right:1px solid var(--bg-card-border);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--bg-card-border)}.logo{font-size:1.5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-nav{flex:1;padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;color:var(--text-gray);transition:all .3s ease;font-size:.95rem;font-weight:500;position:relative}.nav-link:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-primary);opacity:0;transition:opacity .3s ease}.nav-link:hover{background:#6366f11a;color:var(--text-white)}.nav-link.active{background:#6366f126;color:var(--primary-color)}.nav-link.active:before{opacity:1}.nav-link svg{font-size:1.1rem}.sidebar-footer{padding:1rem 0;border-top:1px solid var(--bg-card-border)}.main-content{flex:1;margin-left:260px;padding:2rem;background:var(--bg-dark);min-height:100vh}.dashboard{max-width:1400px;margin:0 auto;animation:fadeInUp .4s ease-out}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.last-updated{color:var(--text-gray);font-size:.875rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1rem;border:1px solid var(--bg-card-border);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:#6366f14d;box-shadow:0 20px 40px #0000004d}.stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-icon.total{background:#6366f126;color:var(--primary-color)}.stat-icon.recent{background:#22d3ee26;color:var(--accent-color)}.stat-icon.monthly{background:#3b82f626;color:var(--info)}.stat-icon.conversion{background:#f59e0b26;color:var(--warning)}.stat-icon.customers{background:#8b5cf626;color:#8b5cf6}.stat-icon.revenue{background:#10b98126;color:var(--secondary)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;line-height:1.2;color:var(--text-white)}.stat-label{color:var(--text-gray);font-size:.875rem}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--bg-card-border);transition:all .3s ease}.chart-card:hover{border-color:#6366f14d}.chart-card h3{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-white)}.no-data{height:300px;display:flex;align-items:center;justify-content:center;color:var(--text-gray)}.loading,.error{display:flex;align-items:center;justify-content:center;height:400px;font-size:1.125rem;color:var(--text-gray)}.error{color:var(--danger)}@media(max-width:768px){.charts-grid{grid-template-columns:1fr}}.leads-page{max-width:1400px;margin:0 auto;animation:fadeInUp .4s ease-out}.leads-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.leads-header h1{font-size:2rem;font-weight:700;margin-bottom:.25rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.leads-count{color:var(--text-gray);font-size:.875rem}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--gradient-primary);color:#fff;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.btn-secondary{padding:.75rem 1.5rem;background:var(--bg-card);color:var(--text-white);border:1px solid var(--bg-card-border);border-radius:10px;font-weight:600;transition:all .3s ease}.leads-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-box:focus-within,.filter-box:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.leads-table-container{background:var(--bg-card);border-radius:16px;border:1px solid var(--bg-card-border);overflow:hidden}.leads-table{width:100%;border-collapse:collapse}.leads-table th,.leads-table td{padding:1rem;text-align:left}.leads-table th{background:var(--bg-card-hover);color:var(--text-gray);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.leads-table tbody tr{border-top:1px solid var(--bg-card-border);transition:all .2s ease}.leads-table tbody tr:hover{background:#6366f10d}.lead-name{font-weight:600;color:var(--text-white)}.btn-icon:hover{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translateY(-2px)}.no-leads{text-align:center;color:var(--text-gray);padding:3rem!important}.modal{background:var(--bg-card);border-radius:20px;padding:2rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border:1px solid var(--bg-card-border);box-shadow:0 25px 50px -12px #00000080;animation:fadeInUp .3s ease-out}.modal h2{margin-bottom:1.5rem;font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lead-detail{max-width:1400px;margin:0 auto;animation:fadeInUp .4s ease-out}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-link{display:flex;align-items:center;gap:.5rem;color:var(--text-gray);font-weight:500;transition:all .3s ease}.back-link:hover{color:var(--primary-color)}.header-actions{display:flex;gap:1rem}.btn-primary,.btn-secondary,.btn-danger,.btn-success{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:10px;font-weight:600;font-size:.95rem;transition:all .3s ease;white-space:nowrap}.btn-primary{background:var(--gradient-primary);color:var(--text-white);box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{box-shadow:0 6px 25px #6366f180;transform:translateY(-2px)}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-secondary{background:var(--bg-card);color:var(--text-white);border:1px solid var(--bg-card-border)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--primary-color)}.btn-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:0 4px 15px #ef44444d;transform:translateY(-2px)}.btn-success{background:var(--gradient-success);color:var(--text-white);box-shadow:0 4px 15px #10b9814d}.btn-success:hover{box-shadow:0 6px 25px #10b98180;transform:translateY(-2px)}.btn-success:disabled{opacity:.7;cursor:not-allowed;transform:none}.detail-content{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}.detail-main,.detail-sidebar{display:flex;flex-direction:column;gap:1.5rem}.detail-card{background:var(--bg-card);border-radius:16px;padding:1.5rem;border:1px solid var(--bg-card-border);transition:all .3s ease}.detail-card:hover{border-color:#6366f14d}.detail-card h2{font-size:1.125rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-white)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-gray);font-size:.875rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:10px;color:var(--text-white);font-size:.95rem;outline:none;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical}.form-group select option{background:var(--bg-card)}.quick-actions{display:flex;flex-direction:column;gap:.5rem}.quick-action{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:10px;color:var(--text-gray);font-weight:500;transition:all .3s ease}.quick-action:hover{background:var(--gradient-primary);border-color:transparent;color:#fff;transform:translate(5px)}.timeline-info p{margin-bottom:.5rem;font-size:.9rem;color:var(--text-gray)}.timeline-info p strong{color:var(--text-white)}.modal-overlay{position:fixed;inset:0;background:#0f0f1ae6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.modal{background:var(--bg-card);border-radius:20px;padding:2rem;width:100%;max-width:450px;border:1px solid var(--bg-card-border);box-shadow:0 25px 50px -12px #00000080;animation:fadeInUp .3s ease-out}.modal h2{margin-bottom:.5rem;font-size:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-description{color:var(--text-gray);margin-bottom:1.5rem;line-height:1.6}.modal-description strong{color:var(--text-white)}.modal-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.loading,.not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1rem;color:var(--text-gray)}.not-found h2{font-size:1.5rem;color:var(--text-white)}@media(max-width:1024px){.detail-content{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:640px){.form-row{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}}.customers-page{max-width:1400px;margin:0 auto;animation:fadeInUp .4s ease-out}.customers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.customers-header h1{font-size:2rem;font-weight:700;margin-bottom:.25rem;background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.customers-count{color:var(--text-gray);font-size:.875rem}.customers-filters{display:flex;gap:1rem;margin-bottom:1.5rem}.search-box,.filter-box{display:flex;align-items:center;gap:.75rem;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:10px;padding:0 1rem;transition:all .3s ease}.search-box:focus-within,.filter-box:focus-within{border-color:var(--secondary);box-shadow:0 0 0 3px #10b9811a}.search-box{flex:1;max-width:400px}.search-box input,.filter-box select{background:transparent;border:none;padding:.875rem 0;color:var(--text-white);font-size:.95rem;width:100%;outline:none}.filter-box select{cursor:pointer}.filter-box select option{background:var(--bg-card)}.search-box svg,.filter-box svg{color:var(--text-gray)}.customers-table-container{background:var(--bg-card);border-radius:16px;border:1px solid var(--bg-card-border);overflow:hidden}.customers-table{width:100%;border-collapse:collapse}.customers-table th,.customers-table td{padding:1rem;text-align:left}.customers-table th{background:var(--bg-card-hover);color:var(--text-gray);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.customers-table tbody tr{border-top:1px solid var(--bg-card-border);transition:all .2s ease}.customers-table tbody tr:hover{background:#10b9810d}.customer-name{font-weight:600;color:var(--text-white)}.status-badge{display:inline-block;padding:.35rem .875rem;border-radius:20px;font-size:.8rem;font-weight:600}.value{display:flex;align-items:center;gap:.25rem;color:var(--secondary);font-weight:700}.value svg{font-size:.75rem}.date{color:var(--text-gray);font-size:.875rem}.actions{display:flex;gap:.5rem}.btn-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card-hover);border:1px solid var(--bg-card-border);border-radius:10px;color:var(--text-gray);transition:all .3s ease}.btn-icon:hover{background:var(--gradient-success);border-color:transparent;color:#fff;transform:translateY(-2px)}.btn-icon.danger:hover{background:var(--danger)}.no-customers{text-align:center;color:var(--text-gray);padding:3rem!important}.loading{display:flex;align-items:center;justify-content:center;height:400px;font-size:1.125rem;color:var(--text-gray)}.ai-assistant{max-width:1400px;margin:0 auto;animation:fadeInUp .4s ease-out}.ai-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.ai-title{display:flex;align-items:center;gap:1rem}.ai-title .ai-icon{font-size:2.5rem;color:var(--primary-color)}.ai-title h1{font-size:2rem;font-weight:700;margin-bottom:.25rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-title p{color:var(--text-gray);font-size:.95rem}.btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-card);color:var(--text-white);border:1px solid var(--bg-card-border);border-radius:10px;font-weight:600;transition:all .3s ease}.btn-secondary:hover,.btn-secondary.active{background:var(--bg-card-hover);border-color:var(--primary-color)}.ai-content{display:grid;grid-template-columns:400px 1fr;gap:2rem}.ai-controls{display:flex;flex-direction:column;gap:1.5rem}.control-card{background:var(--bg-card);border-radius:16px;padding:1.25rem;border:1px solid var(--bg-card-border)}.control-card h3{font-size:.9rem;font-weight:600;color:var(--text-gray);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.type-buttons{display:flex;flex-direction:column;gap:.5rem}.type-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:10px;color:var(--text-gray);font-weight:500;transition:all .3s ease;text-align:left}.type-btn:hover{border-color:var(--primary-color);color:var(--text-white)}.type-btn.active{background:#6366f126;border-color:var(--primary-color);color:var(--primary-color)}.type-btn svg{font-size:1.1rem}.language-buttons{display:flex;gap:.5rem}.lang-btn{flex:1;padding:.75rem;background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:10px;color:var(--text-gray);font-weight:500;transition:all .3s ease}.lang-btn:hover{border-color:var(--primary-color);color:var(--text-white)}.lang-btn.active{background:#6366f126;border-color:var(--primary-color);color:var(--primary-color)}.lead-select{width:100%;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:10px;color:var(--text-white);font-size:.95rem;outline:none;transition:all .3s ease}.lead-select:focus{border-color:var(--primary-color)}.lead-select option{background:var(--bg-card)}.selected-lead-info{margin-top:.75rem;padding:.75rem;background:#6366f11a;border-radius:8px;font-size:.875rem}.selected-lead-info p{margin:0;color:var(--text-gray)}.selected-lead-info strong{color:var(--text-white)}.control-card textarea{width:100%;padding:.875rem 1rem;background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:10px;color:var(--text-white);font-size:.95rem;resize:vertical;outline:none;transition:all .3s ease}.control-card textarea:focus{border-color:var(--primary-color)}.generate-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem;background:var(--gradient-primary);color:#fff;border-radius:12px;font-weight:700;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #6366f14d}.generate-btn:hover:not(:disabled){box-shadow:0 6px 25px #6366f180;transform:translateY(-2px)}.generate-btn:disabled{opacity:.7;cursor:not-allowed}.ai-output{min-height:500px}.error-message{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:1rem;border-radius:12px;margin-bottom:1rem}.generated-content{background:var(--bg-card);border-radius:16px;border:1px solid var(--bg-card-border);overflow:hidden}.content-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--bg-card-hover);border-bottom:1px solid var(--bg-card-border)}.content-header h3{font-size:1rem;font-weight:600;color:var(--text-white)}.content-actions{display:flex;gap:.5rem}.action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--bg-card-border);border-radius:8px;color:var(--text-gray);transition:all .3s ease}.action-btn:hover{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.content-body{padding:1.5rem;font-size:1rem;line-height:1.8;color:var(--text-white);white-space:pre-wrap}.content-body.rtl{direction:rtl;text-align:right}.feedback-section{padding:1.5rem;border-top:1px solid var(--bg-card-border);text-align:center}.feedback-section p{color:var(--text-gray);margin-bottom:1rem}.feedback-buttons{display:flex;gap:1rem;justify-content:center}.feedback-btn{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;font-weight:600;transition:all .3s ease}.feedback-btn.like{background:var(--gradient-success);color:#fff;box-shadow:0 4px 15px #10b9814d}.feedback-btn.like:hover{box-shadow:0 6px 25px #10b98180;transform:translateY(-2px)}.feedback-btn.dislike{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.feedback-btn.dislike:hover{background:var(--danger);color:#fff;transform:translateY(-2px)}.feedback-result{padding:1.5rem;border-top:1px solid var(--bg-card-border);text-align:center;color:var(--text-gray)}.feedback-result.success{background:#10b9811a;color:var(--secondary);display:flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600}.feedback-result .btn-secondary{margin-top:1rem}.empty-output{background:var(--bg-card);border-radius:16px;border:1px solid var(--bg-card-border);padding:4rem 2rem;text-align:center;color:var(--text-gray)}.empty-output svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.saved-panel{position:fixed;top:0;right:0;width:400px;height:100vh;background:var(--bg-card);border-left:1px solid var(--bg-card-border);z-index:1000;animation:slideIn .3s ease-out;overflow-y:auto}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.saved-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--bg-card-border);position:sticky;top:0;background:var(--bg-card)}.saved-header h3{font-size:1.25rem;font-weight:600}.close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:8px;color:var(--text-gray);font-size:1.25rem;transition:all .3s ease}.close-btn:hover{background:var(--danger);border-color:var(--danger);color:#fff}.saved-list{padding:1rem}.no-saved{text-align:center;color:var(--text-gray);padding:2rem}.saved-item{background:var(--bg-dark);border:1px solid var(--bg-card-border);border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all .3s ease}.saved-item:hover{border-color:var(--primary-color)}.saved-item-header{display:flex;gap:.5rem;margin-bottom:.75rem}.saved-type,.saved-lang,.saved-uses{padding:.25rem .5rem;background:#6366f126;border-radius:4px;font-size:.75rem;font-weight:600;color:var(--primary-color)}.saved-uses{background:#10b98126;color:var(--secondary)}.saved-preview{font-size:.875rem;color:var(--text-gray);line-height:1.5;margin-bottom:1rem}.saved-actions{display:flex;gap:.5rem}.btn-small{padding:.5rem 1rem;background:var(--gradient-primary);color:#fff;border-radius:6px;font-size:.8rem;font-weight:600;transition:all .3s ease}.btn-small:hover{transform:translateY(-1px)}.btn-small.danger{background:#ef444426;color:var(--danger)}.btn-small.danger:hover{background:var(--danger);color:#fff}@media(max-width:1024px){.ai-content{grid-template-columns:1fr}.saved-panel{width:100%}}.app{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #6366f1;--primary-light: #818cf8;--primary-dark: #4f46e5;--accent-color: #22d3ee;--secondary: #10b981;--secondary-dark: #059669;--bg-dark: #0f0f1a;--bg-card: #1a1a2e;--bg-card-hover: #22223a;--bg-card-border: #2d2d44;--text-white: #f8fafc;--text-gray: #94a3b8;--text-muted: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #a855f7 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-accent: linear-gradient(135deg, #6366f1 0%, #22d3ee 100%);--primary: var(--primary-color);--background: var(--bg-dark);--surface: var(--bg-card);--surface-light: var(--bg-card-hover);--border: var(--bg-card-border);--text: var(--text-white);--text-secondary: var(--text-gray)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:var(--bg-dark);color:var(--text-white);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:#6366f14d;color:var(--text-white)}