:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{box-sizing:border-box;-webkit-text-size-adjust:100%}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;min-width:320px;width:100%;min-height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:420px;padding:40px}.login-header{text-align:center;margin-bottom:32px}.login-header h1{margin:0 0 8px;font-size:32px;color:#1a1a1a}.login-header p{margin:0;font-size:16px;color:#666}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#333}.form-group input{padding:14px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.btn-login{margin-top:8px;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-login:disabled{opacity:.7;cursor:not-allowed}.login-footer{margin-top:24px;text-align:center}.login-footer p{margin:0;font-size:13px;color:#999}.dashboard-container{width:100%;max-width:100vw;min-height:100vh;background:#f5f7fa;position:relative}.dashboard-layout{display:flex;width:100%;max-width:100%;min-height:100vh;align-items:flex-start}.sidebar{width:260px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;z-index:1000;flex-shrink:0}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e0e0e0}.sidebar-header h2{margin:0 0 4px;font-size:20px;color:#1a1a1a}.sidebar-header p{margin:0;font-size:13px;color:#666}.menu{flex:1;padding:12px 0}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#666;text-decoration:none;transition:all .2s;font-size:14px;font-weight:500}.menu-item span{font-size:18px}.menu-item:hover{background:#f5f7fa;color:#667eea}.menu-item.active{background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);color:#667eea;border-right:3px solid #667eea}.sidebar-footer{padding:20px;border-top:1px solid #e0e0e0}.btn-logout{width:100%;padding:10px;background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#f5f5f5;border-color:#ccc}.main-content{flex:1;padding:32px;min-height:100vh;min-width:0}.content-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;position:sticky;top:0;background:#f5f7fa;z-index:100;margin:-20px -32px 32px;padding:20px 32px}.content-header h2{margin:0 0 8px;font-size:28px;color:#1a1a1a}.content-header p{margin:0;font-size:15px;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;display:flex;gap:16px;align-items:center}.stat-icon{font-size:36px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2)}.stat-label{margin:0 0 8px;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.stat-value{margin:0;font-size:28px;font-weight:700;color:#1a1a1a}.info-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.info-card h3{margin:0 0 16px;font-size:18px;color:#1a1a1a}.info-card p{margin:0 0 16px;font-size:14px;color:#666}.code-block{background:#1e1e1e;color:#d4d4d4;padding:16px;border-radius:8px;font-family:Courier New,monospace;font-size:13px;overflow-x:auto;margin:0 0 16px}.btn-copy{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-copy:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.coming-soon{background:#fff;border-radius:12px;padding:60px 24px;box-shadow:0 2px 8px #00000014;text-align:center;color:#666;font-size:18px}.conversations-layout{display:grid;grid-template-columns:350px 1fr;gap:20px;height:calc(100vh - 200px)}.sessions-list{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;overflow-y:auto}.sessions-title{margin:0 0 16px;font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;padding:0 8px}.session-item{padding:12px;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s;border:2px solid transparent}.session-item:hover{background:#f8f9fa}.session-item.active{background:#f0f4ff;border-color:#667eea}.session-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.session-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex-shrink:0}.session-info{flex:1;min-width:0}.session-id{font-weight:600;font-size:13px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-time{font-size:11px;color:#999}.session-count{background:#667eea;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:12px;min-width:24px;text-align:center}.session-preview{font-size:12px;color:#666;line-height:1.4;padding-left:50px}.messages-view{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;overflow:hidden}.messages-header{padding:20px 24px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center}.messages-header h3{margin:0;font-size:18px;color:#1a1a1a}.message-count{font-size:13px;color:#999;font-weight:500}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.chat-message{display:flex;margin-bottom:4px}.chat-message.user{justify-content:flex-end}.chat-message.bot{justify-content:flex-start}.message-bubble{max-width:70%;background:#f8f9fa;border-radius:12px;padding:12px 16px}.chat-message.user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-message.bot .message-bubble{background:#f0f4ff;color:#1a1a1a}.bubble-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:12px}.bubble-sender{font-weight:600;font-size:12px}.chat-message.user .bubble-sender,.chat-message.user .bubble-time{color:#ffffffe6}.chat-message.bot .bubble-sender{color:#667eea}.bubble-time{font-size:11px;color:#999;white-space:nowrap}.bubble-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.no-session-selected{flex:1;display:flex;align-items:center;justify-content:center}.empty-state{text-align:center;max-width:300px}.empty-icon{font-size:64px;display:block;margin-bottom:16px;opacity:.5}.empty-state h3{margin:0 0 8px;font-size:18px;color:#1a1a1a}.empty-state p{margin:0;font-size:14px;color:#999}.conversations-container{display:flex;flex-direction:column;gap:16px}.message-item{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;transition:all .2s}.message-item:hover{box-shadow:0 4px 12px #0000001f}.message-item.user{border-left:4px solid #667eea}.message-item.bot{border-left:4px solid #10b981}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.message-sender{font-weight:600;font-size:14px;color:#1a1a1a}.message-time{font-size:12px;color:#999}.message-content{font-size:14px;color:#333;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.message-session{margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0;font-size:11px;color:#999;font-family:Courier New,monospace}.customization-layout{display:flex;gap:32px;margin-top:24px;align-items:flex-start}.customization-controls{flex:1;min-width:0}.customization-preview-wrapper{align-self:flex-start}.customization-preview{width:450px;flex-shrink:0;position:sticky;top:0}.mobile-header,.mobile-menu-overlay,.mobile-close-btn{display:none}.sidebar-header-top{display:flex;align-items:center;justify-content:space-between}.sidebar-header-top h2{margin:0}@media(max-width:768px){.customization-layout{flex-direction:column-reverse;gap:16px;max-width:100%;overflow-x:hidden;width:100%}.customization-preview-wrapper{position:relative;top:0;max-height:none;width:100%;max-width:100%}.customization-preview{position:relative;top:0;width:100%;max-width:100%;overflow:hidden}.customization-controls{width:100%;max-width:100%;overflow-x:hidden}.customization-preview .info-card{padding:12px;max-width:100%;overflow:hidden}.mobile-header{display:block;position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid #e0e0e0;padding:12px 16px}.mobile-header-content{display:flex;align-items:center;justify-content:space-between}.mobile-header-content h2{margin:0;font-size:18px;color:#1a1a1a}.hamburger-btn{background:none;border:none;padding:8px;cursor:pointer;color:#667eea;border-radius:8px;transition:background .2s}.hamburger-btn:hover{background:#f0f4ff}.mobile-menu-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:9998;-webkit-tap-highlight-color:transparent}.dashboard-layout{flex-direction:column;overflow-x:hidden;max-width:100vw}.dashboard-layout>div:first-child{position:static!important;width:0!important;height:0!important;overflow:visible!important}.sidebar{position:fixed!important;top:0!important;left:-280px;width:280px!important;height:100vh!important;height:100dvh!important;z-index:9999!important;transition:left .3s ease;border-right:1px solid #e0e0e0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;box-shadow:none;transform:translateZ(0)}.sidebar.mobile-open{left:0;box-shadow:4px 0 20px #00000026}.mobile-close-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:8px;cursor:pointer;color:#667eea;border-radius:8px;transition:background .2s}.mobile-close-btn:hover{background:#f0f4ff}.sidebar-header{padding:16px}.sidebar-header-top h2{font-size:18px}.menu{display:flex;flex-direction:column;padding:8px 0;gap:0}.menu-item{flex-direction:row;padding:14px 20px;gap:12px;text-align:left;font-size:14px;border-radius:0}.menu-item.active{background:linear-gradient(90deg,rgba(102,126,234,.1),transparent);border-right:3px solid #667eea;border-radius:0}.sidebar-footer{display:block;padding:16px 20px;border-top:1px solid #e0e0e0;margin-top:auto}.main-content{padding:16px;overflow-x:hidden;max-width:100vw;box-sizing:border-box}.content-header{flex-direction:row;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;background:#f5f7fa;z-index:100;padding:16px;margin:-16px -16px 16px;max-width:100vw;box-sizing:border-box}.content-header>div:first-child{flex:1;min-width:0;max-width:100%}.content-header h2{font-size:20px;margin:0 0 4px;line-height:1.3;word-break:break-word;overflow-wrap:break-word;white-space:normal}.content-header p{font-size:13px;margin:0;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.content-header>div:last-child{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:100%}.stats-grid{grid-template-columns:1fr;gap:12px;max-width:100%;box-sizing:border-box}.conversations-layout{grid-template-columns:1fr;height:auto;gap:16px}.sessions-list{max-height:300px}.messages-view{min-height:500px}.message-bubble{max-width:85%;padding:10px 12px;font-size:14px}.info-card{padding:16px;max-width:100%;box-sizing:border-box;overflow-x:hidden}.info-card h3{font-size:16px}input[type=text],input[type=email],input[type=url],textarea,select{font-size:16px!important}.btn-copy,.btn-primary,.btn-secondary{width:100%;max-width:100%;padding:12px 16px;font-size:15px;box-sizing:border-box}input[type=color]{width:50px;height:36px}.products-grid{grid-template-columns:1fr}.data-table{overflow-x:auto;display:block;max-width:100%;-webkit-overflow-scrolling:touch}.data-table table{min-width:600px;width:100%}}@media(min-width:769px)and (max-width:1024px){.sidebar{width:200px}.menu-item{padding:10px 16px;font-size:13px}.main-content{padding:24px}.stats-grid,.products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.sidebar-header h2{font-size:16px}.menu{grid-template-columns:repeat(2,1fr)}.menu-item{font-size:10px;padding:10px 6px}.main-content{padding:12px}.content-header{margin:-12px -12px 12px;padding:12px}.content-header h2{font-size:18px}.stat-card{padding:16px}.stat-number{font-size:28px}.message-bubble{max-width:90%;font-size:13px}div[style*="grid-template-columns: 1fr 1fr"]{display:block!important}}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.settings-container{display:grid;grid-template-columns:1fr;gap:24px;margin-top:24px}.settings-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.settings-card h3{margin:0 0 20px;color:#2d3748;font-size:18px;font-weight:600}.form-help{font-size:13px;color:#718096;margin:4px 0 8px}.form-group textarea{resize:vertical;min-height:100px}.info-box{background:#f0f7ff;border-left:4px solid #667eea;padding:16px;border-radius:8px;margin-top:16px}.info-box strong{color:#2d3748;display:block;margin-bottom:8px}.info-box p{margin:0;color:#4a5568;font-size:14px;line-height:1.5}.btn-save{transition:all .3s ease}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.settings-container{gap:16px;max-width:100%;overflow-x:hidden}.settings-card{padding:16px;max-width:100%;overflow-x:hidden;word-wrap:break-word;overflow-wrap:break-word}}@keyframes spin{to{transform:rotate(360deg)}}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:24px}.header-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.products-filter-bar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:16px;background:#fff;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 4px #0000000d}.search-input-wrapper{position:relative;flex:1;min-width:200px;max-width:400px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.search-input{width:100%;padding:10px 36px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s}.search-input:focus{outline:none;border-color:#667eea}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#e2e8f0;border:none;border-radius:50%;width:20px;height:20px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.search-clear:hover{background:#cbd5e0}.filter-select{padding:10px 32px 10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;min-width:140px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-select:focus{outline:none;border-color:#667eea}.btn-clear-filters{padding:10px 16px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.btn-clear-filters:hover{background:#fee2e2}.select-all-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f0f4ff;border-radius:8px;margin-bottom:16px;border:1px solid #c7d2fe}.select-all-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#4338ca}.select-all-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.selected-count{font-size:14px;color:#6366f1;font-weight:500}.btn-danger{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.info-banner{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;padding:12px 16px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-size:14px;color:#0369a1}.results-count{font-size:14px;color:#64748b;margin-bottom:12px}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:transform .2s,box-shadow .2s;position:relative}.product-card.select-mode{cursor:pointer}.product-card.select-mode:hover{background:#f8fafc}.product-card.selected{border:2px solid #667eea;box-shadow:0 4px 16px #667eea40}.product-checkbox{position:absolute;top:12px;left:12px;z-index:10;background:#fff;border-radius:4px;padding:2px;box-shadow:0 1px 3px #0003}.product-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #00000026}.product-image-container{width:100%;height:200px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-image{width:100%;height:100%;object-fit:contain;background:#f5f7fa}.product-content{padding:16px}.product-content h3{margin:0 0 8px;font-size:18px;color:#2d3748}.product-description{font-size:14px;color:#718096;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:20px;font-weight:600;color:#667eea;margin:12px 0}.product-category{display:inline-block;padding:4px 12px;background:#e2e8f0;color:#2d3748;border-radius:12px;font-size:12px;font-weight:500;margin-bottom:8px}.product-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}.product-tag{padding:3px 8px;background:#f0f7ff;color:#667eea;border-radius:8px;font-size:11px}.product-status{margin:12px 0}.status-in-stock{color:#10b981;font-size:13px;font-weight:500}.status-out-of-stock{color:#ef4444;font-size:13px;font-weight:500}.product-actions{display:flex;gap:8px;margin-top:12px}.btn-edit,.btn-delete,.btn-view{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;text-decoration:none;text-align:center;transition:all .2s}.btn-edit{background:#667eea;color:#fff}.btn-edit:hover{background:#5568d3}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.btn-view{background:#10b981;color:#fff;display:flex;align-items:center;justify-content:center}.btn-view:hover{background:#059669}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;margin-top:24px}.empty-state h3{font-size:24px;color:#2d3748;margin:0 0 12px}.empty-state p{font-size:16px;color:#718096;margin:0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 24px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:2px solid #e2e8f0}.modal-header h2{margin:0;font-size:20px;color:#2d3748}.modal-close{background:none;border:none;font-size:32px;color:#718096;cursor:pointer;padding:0;width:32px;height:32px;line-height:1}.modal-close:hover{color:#2d3748}.product-form{padding:24px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#2d3748;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:16px;border-top:2px solid #e2e8f0}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#e2e8f0;color:#2d3748}.btn-secondary:hover{background:#cbd5e0}@media(max-width:768px){.products-grid{grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.form-row{grid-template-columns:1fr}.product-card{max-width:100%;overflow-x:hidden;word-wrap:break-word}.products-filter-bar{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}.filter-select{width:100%}}.import-preview-modal{max-width:900px!important;width:95%!important;max-height:90vh;display:flex;flex-direction:column}.import-preview-content{flex:1;overflow-y:auto;padding:0 24px}.import-mapping-section{padding:16px 0;border-bottom:1px solid #e2e8f0}.import-mapping-section h4{margin:0 0 4px;color:#2d3748;font-size:15px}.mapping-hint{font-size:13px;color:#64748b;margin:0 0 12px}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.mapping-row{display:flex;align-items:center;gap:12px}.mapping-label{min-width:100px;font-size:13px;font-weight:500;color:#475569}.mapping-label .required{color:#ef4444;margin-left:2px}.mapping-select{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff;cursor:pointer}.mapping-select:focus{outline:none;border-color:#667eea}.import-preview-section{padding:16px 0}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.preview-header h4{margin:0;color:#2d3748;font-size:15px}.import-table-container{max-height:300px;overflow:auto;border:1px solid #e2e8f0;border-radius:8px}.import-preview-table{width:100%;border-collapse:collapse;font-size:13px}.import-preview-table th{position:sticky;top:0;background:#f8fafc;padding:10px 12px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap}.import-preview-table td{padding:10px 12px;border-bottom:1px solid #f1f5f9;color:#334155}.import-preview-table tbody tr:hover{background:#f8fafc}.import-preview-table .col-num{width:40px;text-align:center;color:#94a3b8}.import-preview-table .col-name{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-preview-table .col-price{width:100px;white-space:nowrap}.import-preview-table .col-category{width:120px}.import-preview-table .col-stock,.import-preview-table .col-actions{width:60px;text-align:center}.btn-remove-row{background:none;border:none;cursor:pointer;padding:4px 8px;font-size:14px;opacity:.6;transition:opacity .2s}.btn-remove-row:hover{opacity:1}.import-preview-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8fafc}.import-count{font-size:14px;color:#64748b}.import-actions{display:flex;gap:12px}.btn-secondary.loading{opacity:.7}.billing-container{max-width:1200px;margin:0 auto;padding:2rem}.billing-container h1{margin-bottom:2rem;color:#333}.current-plan-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin-bottom:3rem;box-shadow:0 4px 6px #0000001a}.current-plan-card h2{margin:0 0 1rem;font-size:1.8rem}.subscription-status{margin:.5rem 0;font-size:.9rem}.status-active{color:#90ee90;font-weight:700;text-transform:uppercase}.status-canceled,.status-past_due{color:#ffcccb;font-weight:700;text-transform:uppercase}.usage-section{margin-top:1.5rem;padding:1.5rem;background:#ffffff1a;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.usage-section h3{margin:0 0 1rem;font-size:1.2rem}.usage-stats{display:flex;justify-content:space-between;margin-bottom:.5rem}.usage-stats p{margin:0}.usage-remaining{font-weight:700}.usage-bar{width:100%;height:20px;background:#fff3;border-radius:10px;overflow:hidden;margin-top:.5rem}.usage-fill{height:100%;background:linear-gradient(90deg,#4caf50,#8bc34a);transition:width .3s ease;border-radius:10px}.usage-fill.over-limit{background:linear-gradient(90deg,#f44336,#e91e63)}.warning-message{margin-top:1rem;padding:.75rem;background:#ff980033;border-left:4px solid #ff9800;border-radius:4px}.btn-manage{margin-top:1.5rem;padding:.75rem 1.5rem;background:#fff;color:#667eea;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-manage:hover{background:#f0f0f0;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.billing-toggle{display:flex;gap:1rem;justify-content:center;margin:2rem 0}.billing-toggle button{padding:.75rem 2rem;border:2px solid #e0e0e0;background:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative}.billing-toggle button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea}.billing-toggle button:hover:not(.active){border-color:#667eea}.savings-badge{background:#4caf50;color:#fff;padding:.2rem .5rem;border-radius:4px;font-size:.75rem;margin-left:.5rem}.monthly-equivalent{color:#4caf50;font-size:.85rem;margin:-.5rem 0 .5rem;font-weight:600}.plan-card{background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;text-align:center;transition:all .3s ease}.plan-card:hover{border-color:#667eea;box-shadow:0 8px 16px #667eea33;transform:translateY(-4px)}.plan-card.current-plan{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);box-shadow:0 4px 12px #667eea4d}.plan-card h3{margin:0 0 1rem;color:#667eea;font-size:1.5rem}.plan-price{margin-bottom:1rem}.plan-price .price{font-size:2.5rem;font-weight:700;color:#333}.plan-price .period{color:#666;font-size:.9rem}.plan-messages{color:#666;margin-bottom:1.5rem;font-weight:500}.plan-features{list-style:none;padding:0;margin:1.5rem 0;text-align:left}.plan-features li{padding:.5rem 0;color:#555;font-size:.9rem}.btn-upgrade,.btn-current{width:100%;padding:.75rem;border:none;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.btn-upgrade{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-upgrade:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-current{background:#e0e0e0;color:#666;cursor:default}.status-trial{color:#f59e0b;font-weight:700;text-transform:uppercase}.plan-card.recommended{border-color:#10b981;position:relative}.plan-card.recommended:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669);border-radius:10px 10px 0 0}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 16px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}@media(max-width:768px){.plans-grid{grid-template-columns:1fr;max-width:100%;overflow-x:hidden}.usage-stats{flex-direction:column;gap:.5rem}.billing-container,.plan-card{max-width:100%;overflow-x:hidden}}.contact-page{padding:0}.contact-layout{display:grid;grid-template-columns:320px 1fr;gap:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #00000014;min-height:600px}.tickets-list{background:#f8f9fa;border-right:1px solid #e2e8f0;overflow-y:auto;max-height:600px}.tickets-list h3{padding:16px 20px;margin:0;background:#fff;border-bottom:1px solid #e2e8f0;font-size:15px;color:#2d3748;position:sticky;top:0;z-index:1}.ticket-item{padding:16px 20px;border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .2s}.ticket-item:hover{background:#edf2f7}.ticket-item.active{background:#e8f4ff;border-left:3px solid #667eea}.ticket-item.unread{background:#fff}.ticket-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.ticket-subject{font-weight:600;color:#2d3748;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.unread-badge{background:#667eea;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;font-weight:600;margin-left:8px}.ticket-preview{font-size:13px;color:#718096;margin-bottom:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sender-tag{color:#667eea;font-weight:500}.ticket-meta{display:flex;justify-content:space-between;align-items:center}.ticket-date{font-size:12px;color:#a0aec0}.messages-panel{display:flex;flex-direction:column;background:#fff}.no-selection{display:flex;align-items:center;justify-content:center;height:100%;color:#718096}.no-selection-content{text-align:center}.no-selection-content h3{margin:16px 0 8px;color:#2d3748}.no-selection-content p{color:#718096;font-size:14px}.loading-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#718096}.messages-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #e2e8f0;background:#f8f9fa}.messages-header h3{margin:0;font-size:16px;color:#2d3748}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;max-height:450px}.message{display:flex;margin-bottom:4px}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:70%;padding:12px 16px;border-radius:16px}.message.sent .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.received .message-content{background:#f1f5f9;color:#2d3748;border-bottom-left-radius:4px}.message-sender{font-size:12px;font-weight:600;margin-bottom:4px;opacity:.8}.message-text{font-size:14px;line-height:1.5;white-space:pre-wrap}.message-time{font-size:11px;margin-top:6px;opacity:.7}.reply-form{display:flex;gap:12px;padding:16px 24px;border-top:1px solid #e2e8f0;background:#f8f9fa}.reply-form input{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s}.reply-form input:focus{border-color:#667eea}.reply-form button{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;font-size:18px;cursor:pointer;transition:transform .2s,opacity .2s}.reply-form button:hover:not(:disabled){transform:scale(1.05)}.reply-form button:disabled{opacity:.5;cursor:not-allowed}.empty-state{padding:40px 20px;text-align:center}.empty-state p:first-child{font-size:16px;color:#4a5568}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:32px;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-content h3{margin:0 0 24px;font-size:20px;color:#2d3748}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#2d3748;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:120px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{padding:12px 24px;background:#f1f5f9;color:#4a5568;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#e2e8f0}@media(max-width:768px){.contact-layout{grid-template-columns:1fr}.tickets-list{max-height:200px;border-right:none;border-bottom:1px solid #e2e8f0}.messages-container{max-height:350px}.modal-content{margin:16px}}.analytics-page{padding:0}.period-selector{display:flex;gap:8px;background:#f1f5f9;padding:4px;border-radius:8px}.period-selector button{padding:8px 16px;border:none;background:transparent;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s}.period-selector button:hover{color:#2d3748}.period-selector button.active{background:#fff;color:#667eea;box-shadow:0 2px 4px #0000001a}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:16px;align-items:center;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001f}.stat-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card.highlight .stat-label{color:#fffc}.stat-card.success{border-left:4px solid #10b981}.stat-icon{font-size:32px}.stat-details{flex:1}.stat-label{font-size:13px;color:#718096;margin-bottom:4px}.stat-value{font-size:28px;font-weight:700;margin:0}.stat-subtext{font-size:12px;color:#a0aec0;margin-top:4px}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.chart-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000014}.chart-card.wide{grid-column:span 2}.chart-card h3{margin:0 0 20px;font-size:16px;color:#2d3748}.chart-container{height:250px;overflow-x:auto}.bar-chart{display:flex;gap:12px;align-items:flex-end;height:220px;min-width:100%;padding-bottom:24px}.bar-wrapper{display:flex;flex-direction:column;align-items:center;flex:1;min-width:40px}.bar{width:100%;max-width:40px;background:linear-gradient(180deg,#667eea,#764ba2);border-radius:4px 4px 0 0;position:relative;transition:height .3s ease;display:flex;align-items:flex-start;justify-content:center}.bar-value{position:absolute;top:-20px;font-size:11px;font-weight:600;color:#667eea}.bar-label{font-size:10px;color:#718096;margin-top:8px;white-space:nowrap}.hourly-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.hour-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;border-radius:4px;transition:transform .2s}.hour-cell:hover{transform:scale(1.1)}.chart-hint{font-size:12px;color:#a0aec0;text-align:center;margin-top:12px}.day-chart{display:flex;flex-direction:column;gap:8px}.day-row{display:flex;align-items:center;gap:12px}.day-label{width:40px;font-size:13px;font-weight:500;color:#4a5568}.day-bar-container{flex:1;height:24px;background:#f1f5f9;border-radius:4px;overflow:hidden}.day-bar{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease}.day-value{width:40px;font-size:13px;font-weight:600;color:#667eea;text-align:right}.questions-list{display:flex;flex-direction:column;gap:8px}.question-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f9fa;border-radius:8px;transition:background .2s}.question-item:hover{background:#f1f5f9}.question-rank{font-size:12px;font-weight:700;color:#667eea;width:28px}.question-text{flex:1;font-size:14px;color:#2d3748;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-count{font-size:13px;font-weight:600;color:#718096;background:#fff;padding:4px 10px;border-radius:12px}.no-data{color:#a0aec0;text-align:center;padding:40px 0}.summary-stats{display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f8f9fa;border-radius:8px}.summary-label{font-size:14px;color:#4a5568}.summary-value{font-size:20px;font-weight:700;color:#667eea}@media(max-width:1024px){.analytics-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:span 1}}@media(max-width:768px){.content-header{flex-direction:column;gap:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.hourly-chart{grid-template-columns:repeat(6,1fr)}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.bar-chart{overflow-x:scroll;padding-bottom:40px}.bar-wrapper{min-width:30px}}.onboarding-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.onboarding-modal{background:#fff;border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);box-shadow:0 25px 50px -12px #00000040}@keyframes modalSlideIn{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.onboarding-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid #f3f4f6}.onboarding-header h2{margin:0 0 20px;font-size:24px;font-weight:700;color:#1f2937}.onboarding-progress{display:flex;justify-content:center;gap:12px;margin-bottom:12px}.progress-dot{width:12px;height:12px;border-radius:50%;background:#e5e7eb;transition:all .3s ease}.progress-dot.active{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.2)}.progress-dot.completed{background:#10b981}.step-indicator{font-size:14px;color:#6b7280}.onboarding-content{flex:1;padding:32px;overflow-y:auto}.onboarding-step h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.onboarding-step p{margin:0 0 24px;color:#6b7280;font-size:14px}.onboarding-input,.onboarding-textarea{width:100%;padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.onboarding-input:focus,.onboarding-textarea:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.onboarding-textarea{resize:vertical;min-height:100px}.onboarding-field{margin-top:20px}.onboarding-field label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.industry-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.industry-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.industry-card:hover{background:#f3f4f6;transform:translateY(-2px)}.industry-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.industry-icon{font-size:28px}.industry-label{font-size:13px;font-weight:500;color:#374151;text-align:center}.color-presets{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.color-preset{width:56px;height:56px;border-radius:12px;border:3px solid transparent;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000001a}.color-preset:hover{transform:scale(1.1)}.color-preset.selected{border-color:#1f2937;transform:scale(1.1)}.color-custom{display:flex;gap:24px;margin-bottom:24px}.color-custom label{display:flex;align-items:center;gap:12px;font-size:14px;color:#4b5563}.color-custom input[type=color]{width:40px;height:40px;border:none;border-radius:8px;cursor:pointer}.color-preview{display:flex;justify-content:center}.preview-widget{padding:16px 24px;border-radius:12px;color:#fff;font-weight:600;font-size:16px;box-shadow:0 4px 12px #00000026}.onboarding-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 32px;border-top:1px solid #f3f4f6;background:#f9fafb}.onboarding-btn{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.onboarding-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.onboarding-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.onboarding-btn.primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-btn.secondary{background:#fff;color:#4b5563;border:1px solid #d1d5db}.onboarding-btn.secondary:hover{background:#f9fafb}@media(max-width:480px){.onboarding-modal{border-radius:16px;max-height:95vh}.onboarding-header{padding:24px 20px 20px}.onboarding-content{padding:24px 20px}.industry-grid{grid-template-columns:repeat(2,1fr)}.color-custom{flex-direction:column;gap:16px}.onboarding-footer{padding:16px 20px;flex-direction:column}.onboarding-btn{width:100%;justify-content:center}.tone-grid{grid-template-columns:1fr!important}}.char-counter{text-align:right;font-size:12px;color:#9ca3af;margin-top:4px}.language-options{display:flex;gap:12px;flex-wrap:wrap}.language-option{padding:12px 20px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.language-option:hover{border-color:#667eea;background:#667eea0d}.language-option.selected{border-color:#667eea;background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea}.tone-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px}.tone-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s;text-align:center}.tone-card:hover{background:#f3f4f6;transform:translateY(-2px)}.tone-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.tone-icon{font-size:24px}.tone-label{font-size:14px;font-weight:600;color:#374151}.tone-desc{font-size:11px;color:#6b7280;line-height:1.3}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:400px}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease-out;background:#fff;color:#1f2937;min-width:300px}.toast-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.toast-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.toast-icon{flex-shrink:0;width:24px;height:24px}.toast-icon svg{width:100%;height:100%}.toast-message{flex:1;font-size:14px;line-height:1.5;font-weight:500}.toast-close{flex-shrink:0;background:none;border:none;color:inherit;opacity:.7;cursor:pointer;font-size:20px;line-height:1;padding:0;margin-left:8px;transition:opacity .2s}.toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:480px){.toast-container{left:16px;right:16px;max-width:none}.toast{min-width:auto}}html,body{margin:0;padding:0;width:100%;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;max-width:100vw;min-height:100vh}.feature-locked{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:12px;padding:40px 20px;text-align:center;margin:20px 0}.feature-locked-content{max-width:400px;margin:0 auto}.feature-locked .lock-icon{font-size:48px;display:block;margin-bottom:16px}.feature-locked p{color:#6c757d;font-size:16px;margin-bottom:20px}.feature-locked .upgrade-link{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .2s,box-shadow .2s}.feature-locked .upgrade-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.menu-item.locked{opacity:.5;cursor:not-allowed;position:relative}.menu-item.locked:after{content:"🔒";position:absolute;right:10px;font-size:12px}.feature-locked-overlay-container{position:relative}.feature-locked-overlay-content{pointer-events:none;filter:blur(3px);opacity:.6;-webkit-user-select:none;user-select:none}.feature-locked-overlay{position:absolute;inset:0;background:#f8f9fad9;display:flex;align-items:center;justify-content:center;border-radius:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.feature-locked-overlay-message{text-align:center;padding:24px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:300px}.feature-locked-overlay-message .lock-icon{font-size:36px;display:block;margin-bottom:12px}.feature-locked-overlay-message p{color:#6c757d;font-size:14px;margin:4px 0}.feature-locked-overlay-message p:first-of-type{color:#2d3748;font-size:16px;margin-bottom:8px}.feature-locked-overlay-message .upgrade-link{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;margin-top:12px;transition:transform .2s,box-shadow .2s}.feature-locked-overlay-message .upgrade-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}