@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:#f8fafc;color:#1e293b;line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.header-content{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;height:64px}.header-left{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#00bcd4,#0097a7);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px}.logo-icon.large{width:64px;height:64px;font-size:24px;border-radius:16px}.logo-text{font-weight:600;font-size:18px;color:#1e293b}.nav{display:flex;gap:4px}.nav-link{padding:8px 16px;border-radius:8px;text-decoration:none;color:#64748b;font-weight:500;font-size:14px;transition:all .2s}.nav-link:hover{background:#f1f5f9;color:#1e293b}.nav-link.active{background:#e0f7fa;color:#0097a7}.logout-btn{padding:8px 16px;border:none;background:#f1f5f9;color:#64748b;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.logout-btn:hover{background:#e2e8f0;color:#1e293b}.main{flex:1;max-width:1200px;margin:0 auto;padding:32px 24px;width:100%}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.page-header h1{font-size:32px;font-weight:700;color:#1e293b;margin-bottom:8px}.page-header p{color:#64748b;font-size:16px}.card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid #e2e8f0}.card-header h3{font-weight:600;color:#1e293b}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.dashboard-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;text-decoration:none;color:inherit;transition:all .2s;box-shadow:0 1px 3px #0000001a}.dashboard-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.card-icon{width:48px;height:48px;background:#e0f7fa;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.card-content h3{font-weight:600;color:#1e293b;margin-bottom:4px}.card-content p{color:#64748b;font-size:14px}.widgets-layout{display:grid;grid-template-columns:1fr 2fr;gap:24px}.widgets-list .card{height:-moz-fit-content;height:fit-content}.widgets-scroll{max-height:400px;overflow-y:auto}.widget-item{padding:16px 24px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:all .2s;display:flex;align-items:flex-start;gap:16px}.widget-item:last-child{border-bottom:none}.widget-item:hover{background:#f8fafc}.widget-item.selected{background:#e0f7fa;border-right:4px solid #00bcd4}.widget-name{font-weight:600;color:#1e293b;margin-bottom:4px}.widget-id{font-size:12px;color:#64748b;font-family:Monaco,Menlo,monospace}.widget-date{font-size:11px;color:#94a3b8;margin-top:2px}.widget-settings,.settings-content{display:flex;flex-direction:column;gap:24px}.empty-state{padding:32px 24px;text-align:center;color:#64748b}.empty-selection{padding:48px 24px;text-align:center}.empty-icon{font-size:48px;margin-bottom:16px}.empty-selection h3{font-weight:600;color:#1e293b;margin-bottom:8px}.empty-selection p{color:#64748b}.form-group{margin-bottom:32px}.form-group label{display:block;font-weight:500;color:#374151;margin-bottom:6px;font-size:14px}.form-group small{display:block;color:#6b7280;font-size:12px;margin-top:4px}.input{width:100%;padding:16px 20px;border:1px solid #d1d5db;border-radius:12px;font-size:15px;transition:all .2s;background:#fff}.input.textarea{resize:vertical;min-height:80px;font-family:inherit}.input:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.input::-moz-placeholder{color:#9ca3af}.input::placeholder{color:#9ca3af}.btn{padding:16px 24px;border:none;border-radius:12px;font-weight:500;font-size:15px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:10px;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#00bcd4;color:#fff}.btn-primary:hover:not(:disabled){background:#0097a7;transform:translateY(-1px);box-shadow:0 4px 12px #00bcd44d}.btn-save{padding:20px 32px;font-size:16px;width:100%;justify-content:center}.create-widget{display:flex;gap:12px;align-items:center}.create-widget .input{width:250px}.avatar-preview{display:flex;align-items:center;gap:12px;margin-top:8px}.avatar-img{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e2e8f0}.theme-section{background:linear-gradient(135deg,#e0f7fa,#b2ebf2);padding:32px;border-radius:16px;margin:24px 0}.theme-section h4{font-weight:600;color:#1e293b;margin-bottom:12px;font-size:16px}.theme-section p{color:#64748b;font-size:14px;margin-bottom:20px;line-height:1.5}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:8px}.color-input-group{background:#ffffffb3;padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.8);margin:8px 0}.color-input-group label{font-weight:500;color:#374151;margin-bottom:10px;display:block;font-size:14px}.color-inputs{display:flex;gap:16px;align-items:center;margin-top:4px}.color-picker{width:52px;height:44px;border:2px solid #d1d5db;border-radius:8px;cursor:pointer;background:none;transition:border-color .2s}.color-picker:hover{border-color:#00bcd4}.color-text{flex:1;font-family:Monaco,Menlo,monospace;font-size:14px;padding:14px 18px;border:2px solid #e5e7eb;border-radius:8px;transition:border-color .2s}.color-text:focus{outline:none;border-color:#00bcd4;box-shadow:0 0 0 3px #00bcd41a}.embed-code{background:#f8fafc;padding:16px;border-radius:8px;margin-top:12px}.embed-label{font-weight:500;color:#374151;margin-bottom:8px;font-size:14px}.embed-code-block{display:block;background:#1e293b;color:#10b981;padding:12px 16px;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:12px;overflow-x:auto;white-space:nowrap}.save-section{border-top:1px solid #e2e8f0;padding-top:32px;margin-top:32px}.login-page{min-height:100vh;background:linear-gradient(135deg,#e0f7fa,#b2ebf2);display:flex;align-items:center;justify-content:center;padding:24px}.login-container{max-width:400px;width:100%}.login-header{text-align:center;margin-bottom:32px}.login-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:16px 0 8px}.login-header p{color:#64748b}.login-form{background:#fff;padding:32px;border-radius:16px;box-shadow:0 4px 20px #0000001a}.btn-login{width:100%;padding:16px;font-size:16px;justify-content:center;margin-top:8px}.login-help{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0;color:#64748b;font-size:12px}.login-help p{margin:2px 0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.notification{position:fixed;top:24px;right:24px;padding:16px 20px;border-radius:8px;font-weight:500;z-index:1000;box-shadow:0 4px 20px #00000026}.notification.success{background:#10b981;color:#fff}@media (max-width: 768px){.header-content{padding:0 16px}.main{padding:24px 16px}.page-header{flex-direction:column;align-items:flex-start}.create-widget{flex-direction:column;align-items:stretch}.create-widget .input{width:100%}.widgets-layout,.color-grid{grid-template-columns:1fr}.nav{display:none}}@media (max-width: 480px){.login-form{padding:24px}.dashboard-grid{grid-template-columns:1fr}}.widget-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s}.widget-item:hover .widget-actions{opacity:1}.btn-icon{width:32px;height:32px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#6b7280;transition:all .2s}.btn-icon:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-icon.danger:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}@media (max-width: 768px){.widget-actions{opacity:1}}.suggests-list{display:flex;flex-direction:column;gap:12px}.suggest-item{display:flex;gap:12px;align-items:center}.suggest-item .input{flex:1}.suggest-item .btn-icon{flex-shrink:0}.dialogs-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:16px;padding:32px;margin-bottom:32px;position:relative;overflow:hidden}.dialogs-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%23ffffff" fill-opacity="0.1"><circle cx="36" cy="24" r="4"/><circle cx="6" cy="44" r="2"/><circle cx="36" cy="6" r="4"/></g></svg>') repeat;opacity:.3}.dialogs-header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.dialogs-header-main{display:flex;align-items:center;gap:20px}.dialogs-header-icon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialogs-header-text h1{margin:0 0 8px;font-size:32px;font-weight:700}.dialogs-header-text p{margin:0;opacity:.9;font-size:16px}.dialogs-stats{display:flex;gap:20px;flex-wrap:wrap}.dialogs-stat-card{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:20px;text-align:center;min-width:100px;border:1px solid rgba(255,255,255,.2)}.dialogs-stat-number{font-size:32px;font-weight:700;margin-bottom:4px}.dialogs-stat-label{font-size:14px;opacity:.9}.dialogs-filters{margin-bottom:32px}.dialogs-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.filter-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 6px #0000000d;border:1px solid #f3f4f6;display:flex;align-items:center;gap:12px;transition:all .3s ease}.filter-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.filter-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.filter-select{flex:1;border:none;background:transparent;font-size:16px;color:#374151;outline:none;cursor:pointer}.dialogs-list{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px #0000000d;border:1px solid #f3f4f6;margin-bottom:32px}.dialogs-header-row{display:grid;grid-template-columns:240px 160px 180px 200px 140px 60px;gap:16px;padding:12px 20px;background:#f8fafc;border-bottom:2px solid #e5e7eb;font-weight:600;font-size:13px;color:#374151}.header-cell{display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.dialog-item{display:grid;grid-template-columns:240px 160px 180px 200px 140px 60px;gap:16px;padding:16px 20px;border-bottom:1px solid #f8fafc;align-items:center;cursor:pointer;transition:all .2s ease;animation:fadeInUp .4s ease forwards;opacity:0;transform:translateY(10px);min-height:70px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.dialog-item:last-child{border-bottom:none}.dialog-item:hover{background:#f8fafc;transform:translate(2px);box-shadow:0 2px 8px #00000014}.dialog-main-info{display:flex;flex-direction:column;gap:8px}.dialog-id{display:flex;align-items:center;gap:8px;font-family:Courier New,monospace;font-weight:600;color:#6b7280;font-size:13px}.dialog-id i{color:#9ca3af}.dialog-preview{color:#374151;font-size:13px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-style:italic;opacity:.8}.dialog-widget-info{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px;font-weight:500}.dialog-widget-info i{color:#9ca3af}.dialog-stats-compact{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:3px;color:#6b7280;font-size:12px;min-width:35px}.stat-item i{color:#9ca3af;width:14px}.stat-item span{font-weight:500;color:#374151}.dialog-time-info{display:flex;flex-direction:column;gap:4px}.time-item{display:flex;align-items:center;gap:4px;color:#6b7280;font-size:11px}.time-item i{color:#9ca3af;width:12px}.dialog-badges{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.status-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.lead-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;background:#fef3c7;color:#d97706;font-size:11px;font-weight:600}.dialog-action{display:flex;justify-content:center}.view-btn{width:36px;height:36px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:14px}.view-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea4d}.dialogs-loading{text-align:center;padding:80px 20px;color:#6b7280}.dialogs-loading-spinner{font-size:48px;margin-bottom:20px;color:#9ca3af}.dialogs-loading p{font-size:18px;margin:0}.dialogs-empty{text-align:center;padding:80px 20px;color:#6b7280}.dialogs-empty-icon{font-size:64px;margin-bottom:24px;color:#d1d5db}.dialogs-empty h3{font-size:24px;margin:0 0 12px;color:#374151}.dialogs-empty p{font-size:16px;margin:0;color:#6b7280}@media (max-width: 768px){.dialogs-header{padding:24px 16px}.dialogs-header-content,.dialogs-header-main{flex-direction:column;text-align:center}.dialogs-filters-grid{grid-template-columns:1fr}.dialogs-header-row{display:none}.dialog-item{grid-template-columns:1fr;gap:12px;padding:16px}.dialog-main-info{order:1}.dialog-widget-info{order:2;font-size:12px}.dialog-stats-compact{order:3;justify-content:space-between;gap:8px}.stat-item{flex-direction:column;gap:2px;text-align:center;font-size:11px}.dialog-time-info{order:4;gap:2px}.time-item{font-size:10px}.dialog-badges{order:5;flex-direction:row;gap:8px;justify-content:center}.dialog-action{order:6}.view-btn{width:32px;height:32px;font-size:12px}}.widget-preview-container{position:relative;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:40px;text-align:center;min-height:300px;overflow:hidden}.widget-preview-placeholder{color:#6c757d;margin-bottom:20px}.widget-preview-placeholder i{font-size:48px;margin-bottom:16px;display:block}.widget-preview-area{position:absolute;bottom:20px;right:20px;width:360px;height:560px;border:1px solid #e9ecef;border-radius:16px;background:#fff;box-shadow:0 4px 20px #0000001a;overflow:hidden}.widget-preview-mockup{padding:20px;text-align:center;color:#6c757d;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.widget-preview-mockup i{font-size:32px;margin-bottom:12px}.widget-preview-mockup p{margin:0;font-size:14px}.widget-preview-mockup small{margin-top:8px;font-size:12px}.widget-preview-container .cbw-btn{position:absolute!important;right:20px!important;bottom:20px!important;z-index:2147483000!important}.widget-preview-container .cbw-panel,.widget-preview-container .cbw-suggest-teaser{position:absolute!important;right:20px!important;bottom:88px!important;z-index:2147483000!important}.widget-preview-container .cbw-btn,.widget-preview-container .cbw-panel,.widget-preview-container .cbw-suggest-teaser{max-width:360px;max-height:560px}.preview-info{margin-top:16px;padding:12px;background:#e3f2fd;border-radius:6px;font-size:14px;color:#1565c0}.preview-info i{margin-right:8px}