*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toast-container{flex-direction:column;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast,.toast-container{display:flex;gap:12px;max-width:420px}.toast{align-items:center;animation:toast-slide-in .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;min-width:300px;padding:16px;pointer-events:auto}.toast-exit{animation:toast-slide-out .3s ease-in forwards}@keyframes toast-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toast-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #dc2626}.toast-error .toast-icon{color:#dc2626}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-message{word-wrap:break-word;color:#374151;flex:1 1;font-size:14px;line-height:1.5}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:all .2s ease}.toast-close:hover{background:#f3f4f6;color:#374151}.toast-close:active{transform:scale(.95)}@media (max-width:768px){.toast-container{left:20px;max-width:none;right:20px}.toast{max-width:none;min-width:auto}}@media (max-width:480px){.toast-container{left:10px;right:10px;top:10px}.toast{padding:12px}.toast-message{font-size:13px}}.error-boundary{align-items:center;background-color:#f8f9fa;display:flex;justify-content:center;min-height:100vh;padding:20px}.error-boundary-content{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;max-width:600px;padding:40px;text-align:center;width:100%}.error-boundary-icon{font-size:64px;margin-bottom:20px}.error-boundary-title{color:#333;font-size:28px;font-weight:600;margin:0 0 16px}.error-boundary-message{color:#666;font-size:16px;line-height:1.6;margin:0 0 32px}.error-boundary-details{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;margin:24px 0;padding:16px;text-align:left}.error-boundary-details summary{color:#333;cursor:pointer;font-weight:600;margin-bottom:12px}.error-boundary-stack{word-wrap:break-word;background:#fff;border:1px solid #ddd;border-radius:4px;color:#d32f2f;font-size:12px;line-height:1.4;margin:12px 0 0;overflow-x:auto;padding:12px;white-space:pre-wrap}.error-boundary-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.error-boundary-btn{border:none;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s}.error-boundary-btn:focus{outline:2px solid #007bff;outline-offset:2px}.error-boundary-btn-primary{background:#007bff;color:#fff}.error-boundary-btn-primary:hover{background:#0056b3}.error-boundary-btn-secondary{background:#f5f5f5;color:#666}.error-boundary-btn-secondary:hover{background:#e0e0e0}@media (max-width:600px){.error-boundary-content{padding:24px}.error-boundary-title{font-size:24px}.error-boundary-message{font-size:14px}.error-boundary-actions{flex-direction:column}.error-boundary-btn{width:100%}}.dashboard-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}.dashboard-header{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #0000000d;height:60px;justify-content:space-between;padding:0 20px;z-index:10}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:15px}.sidebar-toggle{background:none;border:none;color:#666;cursor:pointer;font-size:24px;padding:5px 10px;transition:color .3s}.sidebar-toggle:hover{color:#333}.dashboard-title{color:#333;font-size:20px;font-weight:600;margin:0}.header-right{gap:20px}.header-right,.user-menu{align-items:center;display:flex}.user-menu{gap:15px}.user-name{color:#666;font-size:14px;font-weight:500}.logout-btn{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background .3s}.logout-btn:hover{background:#5568d3}.dashboard-content-wrapper{display:flex;flex:1 1;overflow:hidden}.dashboard-sidebar{background:#f8f9fa;border-right:1px solid #e0e0e0;overflow-y:auto;transition:transform .3s,width .3s;width:250px}.dashboard-sidebar.closed{transform:translateX(-100%);width:0}.sidebar-nav{padding:20px 0}.nav-item{align-items:center;border-left:3px solid #0000;color:#666;display:flex;gap:12px;padding:12px 20px;text-decoration:none;transition:all .3s}.nav-item:hover{background:#e9ecef;color:#333}.nav-item.active{background:#e9ecef;border-left-color:#667eea;color:#667eea;font-weight:500}.nav-icon{font-size:20px;text-align:center;width:24px}.nav-label{font-size:15px}.dashboard-main{background:#f5f5f5;flex:1 1;overflow-y:auto;padding:0}@media (max-width:768px){.dashboard-header{padding:0 15px}.dashboard-title{font-size:18px}.user-name{display:none}.dashboard-sidebar{bottom:0;box-shadow:2px 0 5px #0000001a;left:0;position:absolute;top:60px;z-index:9}.dashboard-sidebar.closed{transform:translateX(-100%)}}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-box{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:40px;width:100%}.login-box h1{color:#333;font-size:24px;margin:0 0 10px;text-align:center}.login-box h2{color:#666;font-size:20px;font-weight:400;margin:0 0 30px;text-align:center}.error-message{background:#fee;border:1px solid #fcc;border-radius:5px;color:#c33;font-size:14px;padding:12px}.error-message,.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.btn-primary{background:#667eea;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background .3s;width:100%}.btn-primary:hover:not(:disabled){background:#5568d3}.btn-primary:disabled{background:#aaa;cursor:not-allowed}.login-footer{color:#666;font-size:14px;margin-top:20px;text-align:center}.login-footer a{color:#667eea;font-weight:500;text-decoration:none}.login-footer a:hover{text-decoration:underline}.dashboard-home{padding:20px}.dashboard-home h1{color:#333;font-size:32px;margin:0 0 10px}.dashboard-home .subtitle{color:#666;font-size:16px;margin:0 0 30px}.dashboard-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:40px}.dashboard-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;color:inherit;padding:30px;text-decoration:none;transition:all .3s}.dashboard-card:hover{border-color:#667eea;box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.dashboard-card .card-icon{font-size:48px;margin-bottom:15px}.dashboard-card h3{color:#333;font-size:20px;margin:0 0 10px}.dashboard-card p{color:#666;font-size:14px;line-height:1.5;margin:0}.quick-start{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:30px}.quick-start h2{color:#333;font-size:24px;margin:0 0 20px}.quick-start ol{color:#666;line-height:2;margin:0;padding-left:25px}.quick-start li{font-size:16px}.modal-backdrop{align-items:center;animation:modal-backdrop-fade-in .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal-content{animation:modal-slide-in .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;max-height:90vh;outline:none}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-small{max-width:400px;width:100%}.modal-medium{max-width:600px;width:100%}.modal-large{max-width:900px;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.modal-title{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:2rem;height:2rem;justify-content:center;line-height:1;padding:0;transition:all .2s;width:2rem}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-close-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}@media (max-width:640px){.modal-backdrop{padding:.5rem}.modal-content{max-height:95vh}.modal-body,.modal-header{padding:1rem}.modal-title{font-size:1.125rem}}.embed-code-generator{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.embed-code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.embed-code-title{color:#111827;font-size:18px;font-weight:600;margin:0}.embed-code-copy-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease}.embed-code-copy-btn:hover:not(:disabled){background:#2563eb}.embed-code-copy-btn:disabled{cursor:not-allowed;opacity:.5}.embed-code-copy-btn.embed-code-copied{background:#10b981}.embed-code-copy-btn.embed-code-copied:hover{background:#059669}.embed-code-container{background:#1f2937;border-radius:8px;margin-bottom:24px;overflow-x:auto;padding:16px}.embed-code-pre{color:#f9fafb;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;margin:0}.embed-code-pre code{word-wrap:normal;color:#f9fafb;white-space:pre}.embed-code-instructions{border-top:1px solid #e5e7eb;padding-top:24px}.embed-code-instructions-title{color:#111827;font-size:16px;font-weight:600;margin:0 0 16px}.embed-code-instructions-list{color:#374151;margin:0 0 20px;padding-left:24px}.embed-code-instructions-list li{line-height:1.6;margin-bottom:8px}.embed-code-instructions-list code{background:#f3f4f6;border-radius:4px;color:#dc2626;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.embed-code-note{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:8px;padding:16px}.embed-code-note-content{color:#1e40af}.embed-code-note-title{font-size:14px;margin:0 0 8px}.embed-code-note-title strong{font-weight:600}.embed-code-widget-key{background:#dbeafe;border-radius:6px;color:#1e40af;display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;margin-bottom:12px;padding:8px 12px;word-break:break-all}.embed-code-note-text{color:#1e3a8a;font-size:13px;line-height:1.5;margin:0}.embed-code-error,.embed-code-loading{color:#6b7280;padding:40px;text-align:center}.embed-code-error{color:#dc2626}.embed-code-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:8px 16px}.embed-code-retry-btn:hover{background:#2563eb}.embed-code-spinner{animation:embed-code-spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;width:14px}@keyframes embed-code-spin{to{transform:rotate(1turn)}}@media (max-width:768px){.embed-code-generator{padding:16px}.embed-code-header{align-items:flex-start;flex-direction:column;gap:12px}.embed-code-copy-btn{justify-content:center;width:100%}.embed-code-container{padding:12px}.embed-code-pre{font-size:12px}}.widget-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px;transition:all .2s ease}.widget-card:hover:not(.widget-card-deleting){box-shadow:0 4px 12px #0000001a}.widget-card-deleting{opacity:.6;pointer-events:none}.widget-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.widget-card-title-section{align-items:center;display:flex;flex:1 1;gap:12px}.widget-card-title{color:#111827;font-size:18px;font-weight:600;margin:0}.widget-card-status{border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:4px 12px}.widget-card-status-active{background-color:#10b981}.widget-card-status-paused{background-color:#f59e0b}.widget-card-status-suspended{background-color:#dc2626}.widget-card-status-inactive{background-color:#6b7280}.widget-card-actions{display:flex;gap:8px}.widget-card-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s ease}.widget-card-action-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#111827}.widget-card-action-btn:disabled{cursor:not-allowed;opacity:.5}.widget-card-action-btn-danger:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.widget-card-spinner{animation:widget-card-spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#dc2626;display:inline-block;height:14px;width:14px}@keyframes widget-card-spin{to{transform:rotate(1turn)}}.widget-card-stats{grid-gap:16px;border-bottom:1px solid #e5e7eb;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:20px;padding-bottom:20px}.widget-card-stat{display:flex;flex-direction:column;gap:4px}.widget-card-stat-label{color:#6b7280;font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.widget-card-stat-value{color:#111827;font-size:20px;font-weight:600}.widget-card-footer{display:flex;gap:12px}.widget-card-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.widget-card-btn:disabled{cursor:not-allowed;opacity:.5}.widget-card-btn-primary{background:#3b82f6;color:#fff}.widget-card-btn-primary:hover:not(:disabled){background:#2563eb}.widget-card-btn-secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.widget-card-btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}@media (max-width:768px){.widget-card{padding:16px}.widget-card-stats{gap:12px;grid-template-columns:1fr}.widget-card-footer{flex-direction:column}.widget-card-title{font-size:16px}}.widgets-list-page{margin:0 auto;max-width:1400px;padding:32px}.widgets-list-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:32px}.widgets-list-header-left{flex:1 1}.widgets-list-title{color:#111827;font-size:32px;font-weight:700;margin:0 0 8px}.widgets-list-subtitle{color:#6b7280;font-size:16px;margin:0}.widgets-list-create-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 1px 3px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.widgets-list-create-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.widgets-list-controls{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.widgets-list-search{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#6b7280;display:flex;flex:1 1;gap:12px;min-width:300px;padding:12px 16px}.widgets-list-search-input{border:none;color:#111827;flex:1 1;font-size:15px;outline:none}.widgets-list-search-input::placeholder{color:#9ca3af}.widgets-list-filter{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;display:flex;gap:12px;padding:12px 16px}.widgets-list-filter-label{color:#6b7280;font-size:14px;font-weight:500}.widgets-list-filter-select{background:#0000;border:none;color:#111827;cursor:pointer;font-size:15px;outline:none}.widgets-list-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:32px}.widgets-list-empty{color:#6b7280;padding:80px 20px;text-align:center}.widgets-list-empty svg{margin-bottom:24px;opacity:.5}.widgets-list-empty h2{color:#111827;font-size:24px;margin:0 0 12px}.widgets-list-empty p{font-size:16px;margin:0 0 24px}.widgets-list-empty-btn{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.widgets-list-empty-btn:hover{background:#2563eb;transform:translateY(-1px)}.widgets-list-empty-btn-secondary{background:#6b7280}.widgets-list-empty-btn-secondary:hover{background:#4b5563}.widgets-list-pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:24px 0}.widgets-list-pagination-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.widgets-list-pagination-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.widgets-list-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.widgets-list-pagination-info{color:#6b7280;font-size:14px;font-weight:500;text-align:center}.widgets-list-pagination-count{color:#9ca3af;display:inline-block;font-size:13px;font-weight:400}.widgets-list-error,.widgets-list-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.widgets-list-spinner{animation:widgets-list-spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}@keyframes widgets-list-spin{to{transform:rotate(1turn)}}.widgets-list-error svg{margin-bottom:16px}.widgets-list-error h2{color:#dc2626;font-size:20px;margin:0 0 16px}.widgets-list-retry-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px}.widgets-list-retry-btn:hover{background:#2563eb}@media (max-width:1024px){.widgets-list-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width:768px){.widgets-list-page{padding:20px}.widgets-list-header{flex-direction:column;gap:20px}.widgets-list-create-btn{justify-content:center;width:100%}.widgets-list-title{font-size:24px}.widgets-list-controls{flex-direction:column}.widgets-list-search{min-width:100%}.widgets-list-filter{width:100%}.widgets-list-grid{grid-template-columns:1fr}.widgets-list-pagination{flex-direction:column}.widgets-list-pagination-btn{justify-content:center;width:100%}}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;gap:12px}.loading-spinner-container.centered{justify-content:center;min-height:200px}.loading-spinner{display:inline-block}.spinner{animation:spin .8s linear infinite;border-color:#007bff #007bff #007bff #0000;border-radius:50%;border-style:solid}.loading-spinner-small .spinner{border-width:2px;height:20px;width:20px}.loading-spinner-medium .spinner{border-width:4px;height:40px;width:40px}.loading-spinner-large .spinner{border-width:6px;height:60px;width:60px}.loading-spinner-text{color:#666;font-size:14px;margin:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.confirm-dialog-backdrop{align-items:center;animation:fadeIn .2s ease-in-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-dialog{animation:slideUp .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:80vh;max-width:500px;overflow:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirm-dialog-header{border-bottom:1px solid #e0e0e0;padding:20px 24px}.confirm-dialog-title{color:#333;font-size:20px;font-weight:600;margin:0}.confirm-dialog-body{padding:24px}.confirm-dialog-message{color:#666;font-size:15px;line-height:1.5;margin:0}.confirm-dialog-footer{border-top:1px solid #e0e0e0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirm-dialog-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.confirm-dialog-btn:focus{outline:2px solid #007bff;outline-offset:2px}.confirm-dialog-btn-cancel{background:#f5f5f5;color:#666}.confirm-dialog-btn-cancel:hover{background:#e0e0e0}.confirm-dialog-btn-confirm{color:#fff}.confirm-dialog-btn-danger{background:#dc3545}.confirm-dialog-btn-danger:hover{background:#c82333}.confirm-dialog-btn-warning{background:#ffc107;color:#000}.confirm-dialog-btn-warning:hover{background:#e0a800}.confirm-dialog-btn-info{background:#007bff}.confirm-dialog-btn-info:hover{background:#0056b3}.confirm-dialog-danger .confirm-dialog-header{border-bottom-color:#dc3545}.confirm-dialog-warning .confirm-dialog-header{border-bottom-color:#ffc107}.confirm-dialog-info .confirm-dialog-header{border-bottom-color:#007bff}body.confirm-dialog-open{overflow:hidden}.widget-preview-container{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;min-height:500px;padding:20px;position:relative}.preview-label{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.preview-label span:first-child{color:#444;font-size:14px;font-weight:600}.preview-hint{color:#999;font-size:12px}.widget-preview-wrapper{position:absolute;z-index:10}.widget-preview-bottom-right{bottom:30px;right:30px}.widget-preview-bottom-left{bottom:30px;left:30px}.widget-preview-top-right{right:30px;top:80px}.widget-preview-top-left{left:30px;top:80px}.widget-trigger-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:28px;height:60px;justify-content:center;transition:transform .2s,box-shadow .2s;width:60px}.widget-trigger-btn:hover{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.widget-chat-window{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000026;display:flex;flex-direction:column;height:520px;overflow:hidden;width:360px}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.widget-header{align-items:center;color:#fff;display:flex;justify-content:space-between;padding:16px}.widget-header-content{align-items:center;display:flex;gap:10px}.widget-avatar{background:#fff3;border-radius:50%;height:32px;object-fit:cover;width:32px}.widget-title{font-size:16px;font-weight:600}.widget-header-actions{display:flex;gap:8px}.widget-close-btn,.widget-minimize-btn{align-items:center;background:#fff3;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:20px;height:28px;justify-content:center;transition:background .2s;width:28px}.widget-close-btn:hover,.widget-minimize-btn:hover{background:#ffffff4d}.widget-messages{background:#f9f9f9;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.widget-message{align-items:flex-start;display:flex;gap:8px}.widget-message-user{justify-content:flex-end}.widget-message-assistant{justify-content:flex-start}.message-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.widget-message-content{word-wrap:break-word;border-radius:12px;font-size:14px;line-height:1.5;max-width:75%;padding:10px 14px}.widget-message-user .widget-message-content{background:#007bff;border-bottom-right-radius:4px;color:#fff}.widget-message-assistant .widget-message-content{background:#fff;border:1px solid #e0e0e0;border-bottom-left-radius:4px;color:#1a1a1a}.widget-input-form{background:#fff;border-top:1px solid #e0e0e0;display:flex;gap:8px;padding:12px}.widget-input{border:1px solid #ddd;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s}.widget-input:focus{border-color:#007bff}.widget-send-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:background .2s;width:36px}.widget-send-btn:hover{background:#0000000d}.widget-branding{background:#fff;border-top:1px solid #e0e0e0;color:#999;font-size:11px;padding:8px 12px;text-align:center}.widget-branding strong{color:#007bff}.widget-messages::-webkit-scrollbar{width:6px}.widget-messages::-webkit-scrollbar-track{background:#0000}.widget-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.widget-messages::-webkit-scrollbar-thumb:hover{background:#999}@media (max-width:500px){.widget-chat-window{height:450px;width:300px}}.color-picker{display:flex;flex-direction:column;gap:8px;position:relative}.color-picker-label{color:#333;font-size:.95rem;font-weight:600}.color-picker-input-group{align-items:center;display:flex;gap:10px}.color-picker-swatch{border:2px solid #ddd;border-radius:6px;cursor:pointer;flex-shrink:0;height:40px;transition:all .2s ease;width:50px}.color-picker-swatch:hover{border-color:#007bff;transform:scale(1.05)}.color-picker-input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-family:Courier New,monospace;font-size:.95rem;padding:10px 14px;transition:all .2s ease}.color-picker-input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.color-picker-native{border:1px solid #ddd;border-radius:6px;cursor:pointer;flex-shrink:0;height:40px;padding:2px;width:50px}.color-picker-native::-webkit-color-swatch-wrapper{padding:2px}.color-picker-native::-webkit-color-swatch{border:none;border-radius:4px}.color-picker-presets{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;padding:15px;position:absolute;right:0;top:100%;z-index:10}.color-picker-presets-header{color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.color-picker-presets-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(6,1fr)}.color-picker-preset{border:2px solid #ddd;border-radius:6px;cursor:pointer;height:40px;transition:all .2s ease;width:40px}.color-picker-preset:hover{border-color:#007bff;transform:scale(1.1)}.color-picker-preset.selected{border-color:#007bff;border-width:3px;box-shadow:0 0 0 3px #007bff33}@media (max-width:480px){.color-picker-presets-grid{grid-template-columns:repeat(4,1fr)}.color-picker-preset{height:35px;width:35px}}.widget-form-container{margin:0 auto;max-width:1400px;padding:30px 20px}.widget-form-header{margin-bottom:40px;text-align:center}.widget-form-header h1{color:#1a1a1a;font-size:2rem;margin-bottom:10px}.widget-form-subtitle{color:#666;font-size:1rem;margin:0}.widget-form-loading{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.widget-form-stepper{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px}.widget-form-step{flex:1 1;flex-direction:column}.widget-form-step,.widget-form-step-number{align-items:center;display:flex;position:relative}.widget-form-step-number{background:#e9ecef;border-radius:50%;color:#6c757d;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-bottom:10px;transition:all .3s ease;width:40px;z-index:2}.widget-form-step.active .widget-form-step-number{background:#007bff;box-shadow:0 0 0 4px #007bff1a;color:#fff}.widget-form-step.completed .widget-form-step-number{background:#28a745;color:#fff}.widget-form-step-label{color:#6c757d;font-size:.875rem;font-weight:500;text-align:center}.widget-form-step.active .widget-form-step-label{color:#007bff;font-weight:600}.widget-form-step.completed .widget-form-step-label{color:#28a745}.widget-form-step-line{background:#e9ecef;height:2px;left:50%;position:absolute;top:20px;width:100%;z-index:1}.widget-form-step.completed~.widget-form-step .widget-form-step-line{background:#28a745}.widget-form-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:30px}@media (min-width:1200px){.widget-form-layout{grid-template-columns:1fr 480px}}.widget-form-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.widget-form-preview{align-self:start;position:-webkit-sticky;position:sticky;top:20px}.widget-form-section h3,.widget-form-section-title{border-bottom:2px solid #e9ecef;color:#1a1a1a;font-size:1.25rem;margin-bottom:20px;padding-bottom:10px}.widget-form-section-title{margin-top:30px}.widget-form-field{margin-bottom:25px}.widget-form-field label{color:#333;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.widget-form-field label .required{color:#dc3545;margin-left:4px}.widget-form-field input[type=number],.widget-form-field input[type=text],.widget-form-field input[type=url],.widget-form-field select,.widget-form-field textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:.95rem;padding:10px 14px;transition:all .2s ease;width:100%}.widget-form-field input:focus,.widget-form-field select:focus,.widget-form-field textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.widget-form-field input.error,.widget-form-field select.error,.widget-form-field textarea.error{border-color:#dc3545}.widget-form-field input.error:focus,.widget-form-field select.error:focus,.widget-form-field textarea.error:focus{box-shadow:0 0 0 3px #dc35451a}.widget-form-field textarea{min-height:80px;resize:vertical}.widget-form-field small{color:#666;display:block;font-size:.85rem;margin-top:6px}.widget-form-error{color:#dc3545;display:block;font-size:.875rem;font-weight:500;margin-top:6px}.widget-form-color-input{align-items:center;display:flex;gap:10px}.widget-form-color-input input[type=color]{border:1px solid #ddd;border-radius:6px;cursor:pointer;height:40px;padding:2px;width:60px}.widget-form-color-input input[type=text]{flex:1 1}.widget-form-checkbox label{align-items:center;cursor:pointer;display:flex;font-weight:400}.widget-form-checkbox input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.widget-form-checkbox label span{color:#333;font-weight:600}.widget-form-field input[type=range]{background:#e9ecef;border-radius:3px;height:6px;outline:none;padding:0;width:100%}.widget-form-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#007bff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.widget-form-field input[type=range]::-moz-range-thumb{background:#007bff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:18px;width:18px}.widget-form-actions{align-items:center;justify-content:space-between}.widget-form-actions,.widget-form-actions-right{display:flex;gap:15px}.widget-form-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;min-width:120px;padding:12px 30px;transition:all .2s ease}.widget-form-btn:disabled{cursor:not-allowed;opacity:.6}.widget-form-btn-primary{background:#007bff;color:#fff}.widget-form-btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d}.widget-form-btn-secondary{background:#6c757d;color:#fff}.widget-form-btn-secondary:hover:not(:disabled){background:#5a6268;box-shadow:0 4px 12px #6c757d4d}@media (max-width:768px){.widget-form-container{padding:20px 15px}.widget-form-content{padding:25px 20px}.widget-form-stepper{padding:0 10px}.widget-form-step-label{font-size:.75rem}.widget-form-step-number{font-size:.9rem;height:35px;width:35px}.widget-form-actions{align-items:stretch;flex-direction:column}.widget-form-actions-right,.widget-form-btn{width:100%}}@media (max-width:480px){.widget-form-step-label{display:none}.widget-form-step-number{font-size:.85rem;height:30px;width:30px}}.status-badge{border-radius:10px;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.status-processing{background:#fff3cd;color:#856404}.status-completed{background:#d4edda;color:#155724}.status-failed{background:#f8d7da;color:#721c24}.ks-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:15px;padding:16px;transition:all .2s ease}.ks-item:hover{border-color:#007bff;box-shadow:0 2px 8px #0000001a}.ks-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.75rem}.ks-content{flex:1 1;min-width:0}.ks-header{align-items:center;display:flex;gap:10px;margin-bottom:6px}.ks-title{color:#1a1a1a;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ks-status-badge{border-radius:10px;flex-shrink:0;font-size:.7rem;font-weight:600;letter-spacing:.3px;padding:3px 10px;text-transform:uppercase}.ks-status-processing{background:#fff3cd;color:#856404}.ks-status-completed{background:#d4edda;color:#155724}.ks-status-failed{background:#f8d7da;color:#721c24}.ks-meta{align-items:center;color:#6c757d;display:flex;flex-wrap:wrap;font-size:.85rem;gap:8px}.ks-link{color:#007bff;max-width:300px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.ks-link:hover{text-decoration:underline}.ks-error{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-size:.85rem;margin-top:8px;padding:8px 10px}.ks-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:6px}.ks-btn{align-items:center;background:#f8f9fa;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:6px 10px;transition:all .2s ease}.ks-btn:hover{transform:scale(1.1)}.ks-btn-retry{color:#007bff}.ks-btn-retry:hover{background:#e7f3ff}.ks-btn-delete{color:#dc3545}.ks-btn-delete:hover{background:#ffe5e8}@media (max-width:768px){.ks-item{flex-direction:column;gap:12px}.ks-actions{justify-content:flex-end;width:100%}.ks-link{max-width:100%}.ks-header{flex-wrap:wrap}}.km-container{margin:0 auto;max-width:1200px;padding:30px 20px}.km-loading{color:#666;font-size:1.1rem;padding:60px 20px;text-align:center}.km-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.km-header h1{color:#1a1a1a;font-size:2rem;margin:0 0 8px}.km-subtitle{color:#666;font-size:1rem;margin:0}.km-subtitle strong{color:#007bff}.km-add-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.km-add-section h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 20px}.km-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:10px;margin-bottom:20px}.km-tab{background:none;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.km-tab:hover{color:#007bff}.km-tab.active{border-bottom-color:#007bff;color:#007bff}.km-tab-content{padding:20px 0}.km-dropzone{background:#f8f9fa;border:2px dashed #ddd;border-radius:12px;cursor:pointer;padding:40px;text-align:center;transition:all .3s ease}.km-dropzone:hover{background:#f0f7ff;border-color:#007bff}.km-dropzone:focus{outline:2px solid #007bff;outline-offset:2px}.km-dropzone.active{background:#e7f3ff;border-color:#007bff;transform:scale(1.02)}.km-dropzone-icon{font-size:4rem;margin-bottom:15px}.km-dropzone-text{color:#333;font-size:1.1rem;font-weight:500;margin:0 0 8px}.km-dropzone-subtext{color:#666;font-size:.9rem;margin:0 0 20px}.km-file-selected{align-items:center;background:#e7f3ff;border-radius:8px;display:flex;justify-content:space-between;margin-top:15px;padding:15px}.km-file-name{color:#333;flex:1 1;font-size:.95rem;font-weight:500}.km-file-actions{display:flex;flex-shrink:0;gap:10px}.km-url-section{display:flex;gap:15px}.km-url-section .km-input{flex:1 1}.km-text-section{display:flex;flex-direction:column;gap:15px}.km-input,.km-textarea{border:1px solid #ddd;border-radius:8px;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .2s ease;width:100%}.km-input:focus,.km-textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.km-textarea{min-height:120px;resize:vertical}.km-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:6px;justify-content:center;padding:10px 24px;transition:all .2s ease}.km-btn:disabled{cursor:not-allowed;opacity:.6}.km-btn-primary{background:#007bff;color:#fff}.km-btn-primary:hover:not(:disabled){background:#0056b3;box-shadow:0 4px 12px #007bff4d}.km-btn-secondary{background:#6c757d;color:#fff}.km-btn-secondary:hover:not(:disabled){background:#5a6268}.km-btn-outline{background:#fff;border:2px solid #007bff;color:#007bff}.km-btn-outline:hover:not(:disabled){background:#007bff;color:#fff}.km-btn-danger{background:#dc3545;color:#fff}.km-btn-danger:hover:not(:disabled){background:#c82333}.km-btn-sm{font-size:.875rem;padding:6px 12px}.km-sources-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.km-sources-section h2{color:#1a1a1a;font-size:1.5rem;margin:0 0 20px}.km-empty{color:#666;padding:60px 20px;text-align:center}.km-empty p{font-size:1.1rem;margin:0}.km-sources-list{display:flex;flex-direction:column;gap:15px}.km-source-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;display:flex;gap:15px;padding:20px;transition:all .2s ease}.km-source-item:hover{border-color:#007bff;box-shadow:0 4px 12px #0000001a}.km-source-icon{flex-shrink:0;font-size:2rem}.km-source-content{flex:1 1;min-width:0}.km-source-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.km-source-title{color:#1a1a1a;font-size:1.1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.km-status-badge{border-radius:12px;flex-shrink:0;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.km-status-processing{background:#fff3cd;color:#856404}.km-status-completed{background:#d4edda;color:#155724}.km-status-failed{background:#f8d7da;color:#721c24}.km-source-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-size:.875rem;gap:10px}.km-source-link{color:#007bff;display:inline-block;max-width:400px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.km-source-link:hover{text-decoration:underline}.km-source-error{background:#fff3cd;border-left:3px solid #ffc107;border-radius:4px;color:#856404;font-size:.9rem;margin-top:10px;padding:10px 12px}.km-source-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:8px}@media (max-width:768px){.km-container{padding:20px 15px}.km-header{flex-direction:column;gap:15px}.km-add-section,.km-sources-section{padding:20px}.km-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.km-tab{font-size:.9rem;padding:10px 16px;white-space:nowrap}.km-source-item,.km-url-section{flex-direction:column}.km-source-actions{width:100%}.km-source-link{max-width:100%}}@media (max-width:480px){.km-dropzone{padding:30px 15px}.km-dropzone-icon{font-size:3rem}.km-file-selected{align-items:stretch;flex-direction:column;gap:10px}.km-source-header{align-items:flex-start;flex-direction:column}}.metric-card{background:#fff;border-left:4px solid;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.metric-card-blue{border-left-color:#007bff}.metric-card-green{border-left-color:#28a745}.metric-card-orange{border-left-color:#fd7e14}.metric-card-purple{border-left-color:#6f42c1}.metric-card-red{border-left-color:#dc3545}.metric-card-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.metric-card-icon{align-items:center;display:flex;font-size:1.75rem;justify-content:center}.metric-card-label{color:#6c757d;font-size:.95rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.metric-card-value{color:#1a1a1a;font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:10px}.metric-card-trend{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:6px}.metric-trend-up{color:#28a745}.metric-trend-down{color:#dc3545}.metric-trend-icon{font-size:1rem}.metric-trend-value{font-weight:600}@media (max-width:768px){.metric-card{padding:20px}.metric-card-value{font-size:1.75rem}.metric-card-icon{font-size:1.5rem}.metric-card-label{font-size:.85rem}}.conversation-card{background:#fff;border:1px solid #e9ecef;border-radius:10px;cursor:pointer;padding:20px;transition:all .2s ease}.conversation-card:hover{border-color:#007bff;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.conversation-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.conversation-card-id{color:#1a1a1a;font-size:.95rem;font-weight:600}.conversation-card-time{color:#6c757d;font-size:.85rem;font-weight:500}.conversation-card-preview{color:#495057;font-size:.95rem;line-height:1.5;margin-bottom:15px;min-height:45px}.conversation-card-footer{border-top:1px solid #e9ecef;display:flex;gap:20px;padding-top:15px}.conversation-card-stat{display:flex;font-size:.85rem;gap:6px}.stat-label{color:#6c757d;font-weight:500}.stat-value{color:#1a1a1a;font-weight:600}@media (max-width:768px){.conversation-card{padding:16px}.conversation-card-footer{flex-direction:column;gap:8px}.conversation-card-preview{min-height:auto}}.empty-state{color:#999;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-message{color:#666;font-size:16px;margin:0 0 8px}.empty-state-subtitle{color:#bbb;font-size:14px;margin:0}.empty-state-action{margin-top:20px}.widget-analytics{padding:20px}.analytics-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.analytics-header-content h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.analytics-header-content .subtitle{color:#666;font-size:14px;margin:0}.analytics-filters{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.date-range-selector{align-items:center;display:flex;gap:12px}.date-range-selector label{color:#444;font-size:14px;font-weight:500}.date-range-selector input[type=date]{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.date-range-selector input[type=date]:focus{border-color:#007bff}.analytics-metrics{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.analytics-charts{margin-bottom:30px}.chart-container{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:24px}.chart-container h3{color:#1a1a1a;font-size:18px;margin:0 0 16px}.chart-data-table{overflow-x:auto}.chart-data-table table{border-collapse:collapse;font-size:14px;width:100%}.chart-data-table thead{background:#f8f9fa}.chart-data-table th{border-bottom:2px solid #e0e0e0;color:#444;font-weight:600;padding:12px;text-align:left}.chart-data-table td{border-bottom:1px solid #f0f0f0;color:#666;padding:10px 12px}.chart-data-table tbody tr:hover{background:#f8f9fa}.table-note{color:#999;font-size:12px;font-style:italic;margin-top:12px;text-align:center}.recent-conversations-section{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#1a1a1a;font-size:18px;margin:0}.btn-link{background:none;border:none;color:#007bff;cursor:pointer;font-size:14px;font-weight:500;padding:4px 8px;transition:color .2s}.btn-link:hover{color:#0056b3;text-decoration:underline}@media (max-width:768px){.analytics-filters{align-items:stretch;flex-direction:column;gap:16px}.date-range-selector{flex-wrap:wrap}.analytics-header{flex-direction:column;gap:16px}}.conversations-viewer{padding:20px}.conversations-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:30px}.conversations-header-content h1{color:#1a1a1a;font-size:28px;margin:0 0 8px}.conversations-header-content .subtitle{color:#666;font-size:14px;margin:0}.conversations-filters{margin-bottom:24px}.search-form{display:flex;gap:12px;max-width:600px}.search-input-group{display:flex;flex:1 1;flex-direction:column;gap:4px}.search-input{border:1px solid #ddd;border-radius:6px;font-size:14px;outline:none;padding:10px 16px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#007bff}.search-hint{color:#999;font-size:12px;font-style:italic}.conversations-list{grid-gap:12px;display:grid;gap:12px;margin-bottom:24px}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;padding:20px}.page-info{color:#666;font-size:14px;font-weight:500}.pagination .btn:disabled{cursor:not-allowed;opacity:.5}.conversation-viewer{padding:20px}.conversation-viewer-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.conversation-meta h2{color:#1a1a1a;font-size:20px;margin:0 0 4px}.conversation-meta p{color:#666;font-size:14px;margin:0}.messages-transcript{background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000000d;margin:0 auto;max-width:900px;padding:24px}.message-bubble{border-left:4px solid #0000;border-radius:8px;margin-bottom:20px;padding:16px}.message-user{background:#f0f7ff;border-left-color:#007bff}.message-assistant{background:#f8f9fa;border-left-color:#6c757d}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.message-role{color:#444;font-size:14px;font-weight:600}.message-time{color:#999;font-size:12px}.message-content{word-wrap:break-word;color:#1a1a1a;line-height:1.6;white-space:pre-wrap}.message-tokens{border-top:1px solid #0000001a;color:#666;display:flex;font-size:12px;gap:16px;margin-top:8px;padding-top:8px}@media (max-width:768px){.conversation-viewer-header,.conversations-header{flex-direction:column;gap:16px}.search-form{flex-direction:column}.messages-transcript{padding:16px}.message-bubble{padding:12px}.pagination{flex-wrap:wrap}}.settings-page{padding:20px}.settings-page h1{color:#333;font-size:32px;margin:0 0 10px}.settings-subtitle{color:#666;font-size:16px;margin:0 0 30px}.settings-section{margin-bottom:32px}.settings-section-title{color:#333;font-size:20px;margin:0 0 16px}.settings-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 4px #0000000d;padding:24px}.settings-card-title{color:#333;font-size:16px;font-weight:600;margin:0 0 16px}.settings-empty{color:#999;font-size:14px;margin:0}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-label{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.profile-value{color:#333;font-size:15px}.profile-role{text-transform:capitalize}.settings-metrics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.settings-table{border-collapse:collapse;width:100%}.settings-table td,.settings-table th{border-bottom:1px solid #f0f0f0;font-size:14px;padding:10px 12px;text-align:left}.settings-table th{color:#999;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.settings-table td{color:#333}.settings-table tbody tr:last-child td{border-bottom:none}.settings-table tbody tr:hover{background:#f9fafb}.settings-card-top-widgets{margin-top:20px}.billing-current-plan{margin-bottom:16px}.billing-plan-header{align-items:center;display:flex;justify-content:space-between}.billing-plan-name{color:#666;font-size:14px;margin:4px 0 0}.billing-plan-price{text-align:right}.billing-price-free{color:#059669;font-size:18px;font-weight:700}.billing-price-amount{color:#333;font-size:28px;font-weight:700}.billing-plan-card-price .billing-price-amount{font-size:20px}.billing-price-period{color:#999;font-size:14px}.billing-price-custom{color:#2563eb;font-size:16px;font-weight:600}.billing-plans-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));margin-bottom:16px}.billing-plan-card{background:#fff;border:1px solid #e0e0e0;border-radius:10px;display:flex;flex-direction:column;padding:20px;transition:border-color .2s}.billing-plan-card:hover{border-color:#2563eb}.billing-plan-active{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb}.billing-plan-card-header{margin-bottom:16px}.billing-plan-card-name{color:#333;font-size:16px;font-weight:600;margin:0 0 8px}.billing-plan-card-price{align-items:baseline;display:flex;gap:2px}.billing-plan-features{flex:1 1;list-style:none;margin:0 0 16px;padding:0}.billing-plan-features li{color:#666;font-size:13px;padding:4px 0 4px 18px;position:relative}.billing-plan-features li:before{color:#059669;content:"\2713";font-weight:700;left:0;position:absolute}.billing-plan-badge{background:#eff6ff;border-radius:6px;color:#2563eb;text-align:center}.billing-plan-badge,.billing-plan-btn{font-size:13px;font-weight:600;padding:8px}.billing-plan-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s;width:100%}.billing-plan-btn:hover{background:#1d4ed8}.billing-plan-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.billing-plan-btn-disabled,.billing-plan-btn-disabled:hover{background:#94a3b8;cursor:not-allowed}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.status-panel{background-color:#3a3f47;border-radius:8px;margin-top:2rem;max-width:600px;padding:2rem;width:90%}@media (max-width:480px){.status-panel{margin-top:1rem;padding:1rem;width:95%}.status-panel h2{font-size:1.25rem}.status-panel p{font-size:.9rem}}.status-panel h2{font-size:1.5rem;margin-bottom:1rem}.status-panel p{font-size:1rem;margin:.5rem 0;text-align:left}.status-ok{color:#4caf50;font-weight:700}.status-error{color:#f44336;font-weight:700}
/*# sourceMappingURL=main.cfcbe8da.css.map*/