.template-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.template-card:hover{border-color:#1976d2;box-shadow:0 2px 8px #0000001a}.drag-handle{color:#999;cursor:grab;font-size:1.2rem;padding:.5rem;-webkit-user-select:none;user-select:none}.drag-handle:active{cursor:grabbing}.template-info{flex:1 1;min-width:0}.template-name{color:#333;font-size:.85rem;font-weight:600;margin:0 0 .5rem}.template-meta{align-items:center;color:#666;display:flex;font-size:.75rem;gap:.75rem;margin:0 0 .5rem}.template-id{background:#f5f5f5;border-radius:4px;font-family:Courier New,monospace;padding:.2rem .4rem}.template-type-badge{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.7rem;font-weight:500;padding:.2rem .6rem;text-transform:uppercase}.template-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#666;display:-webkit-box;font-size:.8rem;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.template-actions{display:flex;flex-shrink:0;gap:.5rem}.action-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:1.1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.action-btn:hover:not(:disabled){background:#f5f5f5;border-color:#1976d2;transform:translateY(-1px)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn:disabled{cursor:not-allowed;opacity:.5}.pin-btn.pinned{background:#e8f5e9;border-color:#4caf50;color:#4caf50}.execute-btn{background:#e3f2fd;border-color:#1976d2}.execute-btn:hover:not(:disabled){background:#1976d2;color:#fff}.unpin-btn:hover:not(:disabled){background:#ffebee;border-color:#f44336}.template-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin:0;padding:0}.pagination-btn{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:#1976d2;border-color:#1976d2;color:#fff}.pagination-btn:disabled{cursor:not-allowed;opacity:.4}.pagination-info{color:#666;font-size:.9rem;font-weight:500}.pagination-filter-info{color:#999;font-size:.85rem;margin-left:.5rem}.template-browser{display:flex;flex-direction:column;height:100%;padding:1rem;position:relative}.browser-header{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.search-box{flex:1 1;min-width:250px;position:relative}.search-input{border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.search-input:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.search-debouncing{color:#999;font-size:.85rem;font-style:italic;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.type-filter{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.95rem;min-width:150px;padding:.75rem 1rem;transition:all .2s ease}.type-filter:focus{border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;outline:none}.results-footer{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:6px;bottom:.5rem;box-shadow:0 2px 8px #0000001a;display:flex;gap:1.5rem;justify-content:flex-end;padding:.5rem .75rem;pointer-events:auto;position:absolute;right:1rem;z-index:10}.results-info{color:#666;font-size:.9rem;white-space:nowrap}.filter-note{color:#999;font-size:.85rem}.template-list{min-height:0;padding-bottom:3rem}.empty-state,.loading-state{align-items:center;color:#999;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state p{margin:.5rem 0}.empty-hint{color:#bbb;font-size:.85rem}.error-message{margin-bottom:1rem}.pinned-templates{display:flex;flex-direction:column;height:100%;padding:1rem}.favourites-header{margin-bottom:1.5rem}.favourites-header h3{color:#333;font-size:1.25rem;margin:0 0 .5rem}.favourites-hint{color:#999;font-size:.85rem;margin:0}.template-list{flex:1 1;overflow-y:auto;transition:background-color .2s ease}.template-list.dragging-over{background-color:#f5f5f5;border-radius:8px}.draggable-item{transition:transform .2s ease,box-shadow .2s ease}.draggable-item.dragging{box-shadow:0 4px 12px #00000026;opacity:.8;transform:rotate(2deg)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.empty-title{color:#666;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.empty-hint{color:#999;font-size:.9rem;margin:0}.loading-state{align-items:center;color:#999;display:flex;justify-content:center;padding:3rem 1rem}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;margin:1rem;padding:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f7fa;color:#263238;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.loading-screen{align-items:center;background:linear-gradient(135deg,#36f,#00c8aa);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.superchargeme-logo{margin-bottom:2rem;text-align:center}.superchargeme-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#e0e0e0);-webkit-background-clip:text;font-size:3rem;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:.5rem;text-shadow:0 2px 10px #0000001a}.superchargeme-logo p{font-size:1.2rem;font-weight:400;letter-spacing:1px;opacity:.9}.pulse-loader{background:#fff3;border-radius:50%;height:60px;position:relative;width:60px}.pulse-loader:after,.pulse-loader:before{animation:pulse 2s linear infinite;border:5px solid #fff;border-radius:50%;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.pulse-loader:after{animation-delay:1s}@keyframes pulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1}to{opacity:0;transform:scale(1.2)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.main-layout{display:flex;min-height:100vh}.content-area{flex-grow:1;padding:24px;transition:all .3s ease}.interactive-element{transition:all .2s ease}.interactive-element:hover{transform:translateY(-2px)}.card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden;transition:all .3s ease}.card:hover{box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.visualization-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;margin-bottom:24px;overflow:hidden;position:relative}.visualization-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px 20px}.visualization-content{min-height:300px;padding:20px}.chat-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column;height:calc(100vh - 200px);overflow:hidden}.chat-messages{flex:1 1;overflow-y:auto;padding:20px}.chat-input-container{background:#f9f9f9;border-top:1px solid #f0f0f0;padding:16px}.message{margin-bottom:16px;max-width:80%}.message-user{background:#36f;border-radius:16px 16px 0 16px;color:#fff;margin-left:auto;padding:12px 16px}.message-system{background:#f0f0f0;border-radius:16px 16px 16px 0;padding:12px 16px}.widget-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin-top:24px}.widget{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;overflow:hidden}.widget-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:16px}.widget-content{min-height:200px;padding:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease forwards}.fade-in-delay-1{animation:fadeIn .5s ease .1s forwards;opacity:0}.fade-in-delay-2{animation:fadeIn .5s ease .2s forwards;opacity:0}.fade-in-delay-3{animation:fadeIn .5s ease .3s forwards;opacity:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-clamp-2{-webkit-line-clamp:2;max-height:2.8em}.text-clamp-2,.text-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden}.text-clamp-3{-webkit-line-clamp:3;max-height:4.2em}.connector-card{display:flex;flex-direction:column;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.connector-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-4px)}.connector-card-content{display:flex;flex:1 1;flex-direction:column;padding:20px}.connector-card-header{align-items:flex-start;display:flex;gap:16px;margin-bottom:16px}.connector-card-icon{align-items:center;background:#3366ff1a;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.connector-card-info{flex:1 1;min-width:0}.connector-card-title{font-size:1.125rem;font-weight:600;margin:0 0 4px}.connector-card-subtitle,.connector-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connector-card-subtitle{color:#64748b;font-size:.875rem;margin:0}.connector-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.5;margin-bottom:16px;overflow:hidden}.connector-card-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.connector-card-status{border-radius:16px;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:4px 12px;text-transform:uppercase}.connector-status-active{background:#22c55e1a;color:#16a34a}.connector-status-error{background:#ef44441a;color:#dc2626}.connector-status-warning{background:#f59e0b1a;color:#d97706}.connector-status-inactive{background:#6b72801a;color:#6b7280}.platform-setup-card{border:2px solid #0000;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:280px;transition:all .3s cubic-bezier(.4,0,.2,1)}.platform-setup-card:hover{border-color:#36f3;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.platform-setup-content{display:flex;flex:1 1;flex-direction:column;padding:24px;text-align:center}.platform-icon{align-items:center;border-radius:16px;display:flex;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.platform-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:8px}.platform-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;flex:1 1;font-size:.875rem;line-height:1.5;margin-bottom:20px;overflow:hidden}.btn-gradient{background:linear-gradient(135deg,#36f,#00c8aa);border:none;color:#fff;font-weight:600;transition:all .3s ease}.btn-gradient:hover{background:linear-gradient(135deg,#2952cc,#00a088);box-shadow:0 4px 12px #36f6;transform:translateY(-1px)}.skeleton-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d;padding:20px}.skeleton-line{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:12px}.skeleton-line:last-child{margin-bottom:0}.skeleton-circle{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:50%;height:48px;width:48px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.connector-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:24px}.platform-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:20px}@media (max-width:768px){.widget-grid{grid-template-columns:1fr}.connector-grid,.platform-grid{gap:16px;grid-template-columns:1fr}.connector-card-content,.content-area{padding:16px}.platform-setup-content{padding:20px}}@media (max-width:480px){.connector-card-actions{flex-direction:column}.connector-card-actions>*{width:100%}}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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.0a377e63.css.map*/