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}:root{--primary:#d4804d;--primary-light:#e8a87c;--primary-dark:#b35a2b;--secondary:#2a2a2a;--accented:#2e64d0;--light:beige;--dark:#2a2a2a;--success:#8b4513;--border-radius:10px;--box-shadow:0 4px 12px #0000001a;--transition:all 0.3s ease}*{box-sizing:border-box}.bold-text,.center-title{font-weight:700}.center-title{color:#b35a2b;color:var(--primary-dark);font-size:1.5rem;margin-bottom:16px;text-align:center}body{background-color:#fff8e7;color:#2a2a2a;color:var(--dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0}.app-container{display:flex;min-height:100vh;transition:padding-left .3s ease-in-out;width:100%}.main-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1.8fr 1.2fr;height:calc(100vh - 40px);margin:0 auto;max-width:1800px;width:100%}@media (max-width:768px){.main-layout{grid-template-columns:1fr;height:auto;padding:10px}.config-panel{margin-bottom:20px}.config-panel,.preview-panel{flex-basis:auto}}.sidebar{background-color:#f8f9fa;border-right:1px solid #dee2e6;box-shadow:2px 0 5px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;position:fixed;top:0;transition:width .3s ease-in-out;width:260px;z-index:1000}.sidebar:not(.open){width:70px}.sidebar.open{transform:translateX(0)}.sidebar-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;justify-content:center;overflow:hidden;padding:20px 15px;transition:padding .3s ease-in-out}.sidebar-logo{transition:height .3s ease-in-out,width .3s ease-in-out,padding .3s ease-in-out,opacity .15s ease-in-out}.sidebar.open .sidebar-logo{height:100px;opacity:1;width:auto}.sidebar:not(.open) .sidebar-logo{height:40px;opacity:.85;padding:2px;width:auto}.sidebar-nav{flex-grow:1;padding:15px 0}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li button{align-items:center;background:none;border:none;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:1rem;gap:12px;margin-bottom:5px;padding:12px 20px;text-align:left;transition:background-color .2s ease,color .2s ease;white-space:nowrap;width:100%}.sidebar:not(.open) .sidebar-footer li button span,.sidebar:not(.open) .sidebar-nav li button span,.sidebar:not(.open) .sidebar-toggle-btn span{display:none}.sidebar:not(.open) .sidebar-footer li button,.sidebar:not(.open) .sidebar-nav li button{justify-content:center;padding:12px 0}.sidebar-nav li button:hover{background-color:#e9ecef;color:#007bff}.sidebar-nav li.active button{background-color:#007bff;color:#fff;font-weight:500}.sidebar-nav li button svg{height:18px;margin-right:5px;width:18px}.sidebar-footer li button svg,.sidebar-nav li button svg{height:18px;min-width:18px;width:18px}.sidebar-footer{border-top:1px solid #dee2e6;padding:15px}.sidebar-footer ul{list-style:none;margin:0 0 15px;padding:0}.sidebar-footer li button{align-items:center;background:none;border:none;border-radius:4px;color:#495057;cursor:pointer;display:flex;font-size:1rem;gap:12px;padding:12px 20px;text-align:left;transition:background-color .2s ease,color .2s ease;width:100%}.sidebar-footer li button:hover{background-color:#e9ecef;color:#007bff}.sidebar-footer li button svg{height:18px;margin-right:5px;width:18px}.sidebar-toggle-btn{align-items:center;background-color:#6c757d;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;gap:8px;justify-content:center;margin:10px 5px;padding:10px;transition:background-color .2s ease;width:100%}.sidebar:not(.open) .sidebar-toggle-btn{margin:10px auto;padding:10px 0;width:85%}.sidebar-toggle-btn:hover{background-color:#5a6268}.sidebar-open-btn{background:#d4804d;background:var(--primary);border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;left:15px;padding:8px 12px;position:fixed;top:15px;transition:background-color .2s ease,transform .2s ease;z-index:1001}.sidebar-open-btn:hover{background:#b35a2b;background:var(--primary-dark);transform:scale(1.05)}.main-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;overflow-x:hidden;padding:20px;transition:margin-left .3s ease-in-out;width:100%}.app-container.sidebar-open .main-content{margin-left:260px}.app-container:not(.sidebar-open) .main-content{margin-left:70px}.placeholder-view{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:40px;text-align:center}h1{color:#2a2a2a;color:var(--secondary);font-size:2rem;font-weight:700;margin-bottom:.5rem;padding-bottom:.5rem}.subtitle,h1{text-align:center}.subtitle{border-bottom:2px solid #e8a87c;border-bottom:2px solid var(--primary-light);color:#666;font-size:1rem;margin-bottom:1.5rem;padding-bottom:1.2rem}h2{font-size:1.5rem;margin-bottom:1rem}.section-title,h2{color:#2a2a2a;color:var(--dark);font-weight:600}.section-title{border-bottom:2px solid #e8a87c;border-bottom:2px solid var(--primary-light);font-size:1.8rem;margin-bottom:24px;margin-top:0;padding-bottom:12px;text-align:center}.config-panel{align-items:center;background-color:#f9f9f9;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);flex:0 0 40%;height:100%;justify-content:center;max-width:100%;overflow-x:auto;padding:24px;position:relative}.config-panel-logo{display:block;margin:auto;width:350px}.dialog-overlay{background:#00000080;height:100%;width:100%}.dialog{border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);max-height:80vh;max-width:700px;overflow-y:auto;padding:20px 25px 20px 20px;position:relative;scrollbar-color:#f3d5cc #0000;scrollbar-width:thin;text-align:center}.dialog::-webkit-scrollbar{width:8px}.dialog::-webkit-scrollbar-track{background:#0000}.dialog::-webkit-scrollbar-thumb{background-color:#d4804d;background-color:var(--primary);border:2px solid #0000;border-radius:8px}.dialog::-webkit-scrollbar-thumb:hover{background-color:#b35a2b;background-color:var(--primary-dark)}.dialog h2{font-size:1.5rem;margin-top:0}.dialog p{font-size:1rem;line-height:1.5;margin:20px 0}.open-dialog-button{background:#3b5fae;border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 12px #3b4a6b4d;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:700;margin:30px auto auto;padding:12px 24px;transition:all .3s ease;transition:var(--transition)}.icon-left{font-size:1.2rem;margin-right:8px;vertical-align:middle}.open-dialog-button:hover{background:#293c63;box-shadow:0 6px 16px #3b4a6b66;transform:translateY(-2px)}.close-dialog-button{background:#d4804d;background:var(--primary);border:none;border-radius:10px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;margin-top:20px;padding:10px 20px;transition:all .3s ease;transition:var(--transition)}.close-dialog-button:hover{background:#b35a2b;background:var(--primary-dark)}.dialog ol{font-size:1rem;line-height:1.6;margin:20px 0;padding-left:20px;text-align:left}.dialog ol li{margin-bottom:10px}.dialog ol li strong{color:#b35a2b;color:var(--primary-dark)}.tutorial-steps{list-style:none;margin:0;padding:0}.tutorial-steps li{background-color:#f9f9f9;border:1px solid #eaeaea;border-radius:8px;box-shadow:0 4px 8px #0000000d;margin-bottom:20px;padding:16px}.step-header{align-items:center;color:#b35a2b;color:var(--primary-dark);display:flex;font-size:1.1rem;font-weight:700;gap:12px;margin-bottom:8px}.step-icon{color:#d4804d;color:var(--primary);font-size:1.5rem}.dialog-image{border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 8px #0000001a;display:block;height:auto;margin:10px auto;max-width:100%}.tutorial-video{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:20px auto;text-align:center;width:95%}.tutorial-video h3{color:#b35a2b;color:var(--primary-dark);font-size:1.2rem;margin-bottom:10px}.video-container{display:flex;justify-content:center;margin:0 auto;padding-top:56.25%;position:relative;width:95%}.video-container iframe{border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);height:100%;left:0;position:absolute;top:0;width:100%}.tutorial-steps p{color:#555;font-size:.95rem;line-height:1.5;margin:8px 0}.tab-navigation{background-color:#f5f7ff;border-radius:10px;border-radius:var(--border-radius);display:flex;gap:4px;margin-bottom:24px;padding:4px}.tab-btn{align-items:center;background:none;border:none;border-radius:6px;border-radius:calc(var(--border-radius) - 4px);color:#2a2a2a;color:var(--dark);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;transition:var(--transition)}.tab-btn:hover{background-color:#4361ee1a}.tab-btn.active{background-color:#d4804d;background-color:var(--primary);box-shadow:0 2px 8px #4361ee4d;color:#fff}.icon-left{margin-right:6px}.color-pickers{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr;margin-bottom:24px}.color-picker{display:flex;flex-direction:column;gap:8px}.color-picker label{color:#545454;font-size:.9rem;font-weight:500;margin-bottom:4px}.color-picker input[type=color]{background-color:#fff;border:2px solid #eaeaea;border-radius:8px;cursor:pointer;height:50px;transition:all .3s ease;transition:var(--transition);width:100%}.color-picker input[type=color]:hover{border-color:#e8a87c;border-color:var(--primary-light)}.color-picker input[type=text]{border:2px solid #eaeaea;border-radius:8px;font-size:.9rem;padding:10px 12px;transition:all .3s ease;transition:var(--transition)}.color-picker input[type=text]:focus{border-color:#d4804d;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33;outline:none}.html-config{gap:16px;margin-bottom:24px}.form-group,.html-config{display:flex;flex-direction:column}.form-group{gap:6px}.form-group label{color:#545454;font-size:.9rem}.form-group input,.form-group select{border:2px solid #eaeaea;border-radius:8px;font-size:.9rem;padding:12px;transition:all .3s ease;transition:var(--transition)}.form-group input:focus,.form-group select:focus{border-color:#d4804d;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33;outline:none}.button-group{display:flex;gap:24px;justify-content:center;margin-top:16px}.copy-button,.download-button{flex:1 1;max-width:250px}.download-button{align-items:center;background-color:#b35a2b;background-color:var(--primary-dark);border-radius:8px;box-shadow:0 2px 8px #2ecc714d;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:12px 20px;transition:all .3s ease;transition:var(--transition)}.download-button:hover{background-color:#27ae60;box-shadow:0 4px 12px #2ecc7166;transform:translateY(-2px)}.copy-button{align-items:center;background:#d4804d;background:var(--primary);border:none;border-radius:8px;box-shadow:0 2px 8px #2ecc714d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;margin-top:12px;padding:8px 12px;transition:all .3s ease;transition:var(--transition)}.copy-button:hover{background:#2e64d0;transform:translateY(-2px)}.output-container{animation:fadeIn .4s ease-in-out;margin-top:24px}.css-output,.html-output{background-color:#f5f8ff;border:2px solid #eaeaea;border-radius:8px;font-family:Fira Code,monospace;font-size:.85rem;max-height:300px;overflow-y:auto;padding:16px;position:relative}.floating-notification{align-items:center;animation:fadeInOut 2s ease-in-out;background-color:#2e64d0;background-color:var(--accented);border-radius:8px;bottom:25px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:12px 20px;position:fixed;right:25px;z-index:1000}.notification-icon{font-size:1.2rem}@keyframes fadeInOut{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes tooltipEntrance{0%{opacity:0;transform:scale(.5) translateX(-20px)}to{opacity:1;transform:scale(1) translateX(0)}}@keyframes tooltipPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}pre{margin:0;white-space:pre-wrap}.preview-panel{background-color:#fff;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow);display:flex;flex-direction:column;padding:24px}.preview-container{display:flex;flex:1 1;flex-direction:column;gap:16px}.mockup-screen{align-items:center;background-color:#f0f3ff;border:2px solid #eaeaea;border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:500px;overflow:hidden;position:relative}.mockup-content{color:#7a7a7a;padding:20px;text-align:center}.chatbot-preview{align-items:flex-end;bottom:20px;display:flex;flex-direction:column;position:absolute;right:20px}.preview-floating-window{background-color:#fff;border:1px solid #0000001a;border-radius:16px;height:450px;margin-bottom:16px;overflow:hidden;position:relative;width:340px}.preview-controls{height:40px;position:relative;width:100%}.preview-dragbar{height:100%;justify-content:space-between;padding:0 10px}.preview-dragbar,.preview-left-controls,.preview-right-controls{align-items:center;display:flex}.preview-close-button{background:none;border:none;color:#fff;cursor:pointer;font-size:24px;opacity:.8;transition:all .3s ease;transition:var(--transition)}.preview-close-button:hover{opacity:1;transform:scale(1.1)}.preview-resize-button{background:none;border:none;color:#fff;cursor:pointer;font-size:16px;opacity:.8;transition:all .3s ease;transition:var(--transition)}.preview-resize-button:hover{opacity:1;transform:scale(1.1)}.preview-iframe-content{align-items:center;background-color:#f8f9ff;display:flex;height:calc(100% - 40px);justify-content:center;width:100%}.placeholder-content{color:#666;font-size:.9rem;padding:20px;text-align:center}.preview-open-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:65px;justify-content:center;max-height:65px;max-width:65px;min-height:65px;min-width:65px;overflow:hidden;position:relative;transform-origin:center;transition:opacity .2s ease-in-out,transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;width:65px}.preview-open-button:hover{box-shadow:0 8px 20px #0003,0 0 15px #f969,0 0 30px #f966;transform:scale(1.05) translateY(-2px)}.preview-lottie-placeholder{align-items:center;display:flex;height:60px!important;justify-content:center;overflow:hidden;position:absolute!important;width:60px!important}.preview-tooltip{word-wrap:break-word;border-radius:20px;bottom:10px;box-shadow:0 4px 16px #00000026;font-size:18px;font-weight:500;line-height:1.4;max-width:300px;min-width:220px;opacity:1;padding:12px 18px;position:absolute;right:75px;transform-origin:bottom right;white-space:normal;z-index:10}.preview-tooltip-close{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;color:#444;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-10px;top:-10px;transition:all .3s ease;transition:var(--transition);width:24px}.preview-tooltip-close:hover{background-color:#e0e0e0;transform:scale(1.1)}.preview-tooltip-arrow{border-style:solid;border-width:7px;bottom:15px;filter:drop-shadow(2px 0 2px rgba(0,0,0,.1));height:0;position:absolute;right:-14px;width:0;z-index:1}.preview-controls-panel{display:flex;gap:10px;justify-content:center;margin-top:16px}.preview-control-btn{background-color:#f0f3ff;border:none;border-radius:8px;color:#2a2a2a;color:var(--dark);cursor:pointer;font-size:.9rem;padding:10px 16px;transition:all .3s ease;transition:var(--transition)}.preview-control-btn:hover:not(:disabled){background-color:#e1e7ff}.preview-control-btn.active{background-color:#d4804d;background-color:var(--primary);color:#fff}.preview-control-btn:disabled{cursor:not-allowed;opacity:.5}.position-controls{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.position-controls label{color:#545454;font-size:.9rem;font-weight:500}.position-controls input{border:2px solid #eaeaea;border-radius:8px;font-size:.9rem;padding:10px 12px;transition:all .3s ease;transition:var(--transition)}.position-controls input:focus{border-color:#d4804d;border-color:var(--primary);box-shadow:0 0 0 3px #4361ee33;outline:none}.position-controls-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.color-presets{margin-bottom:24px}.color-presets h3{color:#2a2a2a;color:var(--dark);font-size:1rem;font-weight:500;margin-bottom:12px}.preset-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.preset-button{border:none;border-radius:10px;border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:.85rem;font-weight:500;padding:12px 8px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}.preset-button:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.help-tooltip-container{cursor:help;display:inline-block;margin-left:8px;position:relative}.help-icon{color:#999;font-size:.9rem}.help-tooltip-container:hover .help-tooltip-text{opacity:1;visibility:visible}.help-tooltip-text{background-color:#333;border-radius:6px;bottom:125%;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:.85rem;left:50%;opacity:0;padding:8px 12px;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:200px;z-index:1}.help-tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}.form-group:nth-child(n+3) .help-tooltip-text{bottom:auto;left:130%;top:50%;transform:translateY(-50%)}.form-group:nth-child(n+3) .help-tooltip-text:after{border-color:#0000 #333 #0000 #0000;left:0;margin-left:-10px;margin-top:-5px;top:50%}@media (max-width:1200px){.main-layout{grid-template-columns:1fr}.color-pickers{grid-template-columns:1fr 1fr}}@media (max-width:768px){.sidebar{z-index:1100}.app-container:not(.sidebar-open) .main-content,.main-content{margin-left:0;padding:15px}.main-layout{gap:15px;grid-template-columns:1fr;height:auto}.preview-panel{display:none}.config-panel{padding:15px}.color-pickers,.position-controls-container{grid-template-columns:1fr}.button-group{flex-direction:column;gap:10px}.copy-button,.download-button{max-width:none;width:100%}.dialog{max-height:90vh;padding:15px;width:95%}.sidebar-open-btn{left:10px;top:10px}.tab-btn{font-size:.9rem;padding:10px 8px}.preset-buttons{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){h1{font-size:1.5rem}.subtitle{font-size:.9rem}.config-panel{padding:10px}.dialog h2{font-size:1.3rem}.open-dialog-button{font-size:1rem;padding:10px 18px}}@media (max-width:1200px) and (min-width:769px){.color-pickers{grid-template-columns:1fr 1fr}.preview-panel{display:none}.color-picker:last-child{grid-column:span 2;margin:0 auto;max-width:50%}}@media (max-width:480px){.app-container{padding:10px}.preview-floating-window{height:400px;width:280px}.tab-btn{font-size:.9rem;padding:10px 8px}.download-button,.generate-button{padding:12px}}.bot-config{box-sizing:border-box;direction:ltr;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;gap:24px;margin:0 auto;max-height:calc(100vh - 180px);max-width:1200px;overflow-y:auto;padding:0 16px 0 0;position:relative;width:100%}.config-section{background:#f9f9f9;background:var(--bg-warm,#f9f9f9);background-color:#fff;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:12px;border-radius:8px;box-shadow:0 2px 8px #0000000d;box-shadow:0 2px 10px #0000001a;margin-bottom:20px;padding:20px;transition:all .2s ease-in-out;transition:all .3s ease}.config-section:hover{box-shadow:0 4px 12px #00000014;box-shadow:0 5px 15px #00000026;transform:translateY(-2px)}.config-section h3{color:#333;color:var(--dark,#333);font-size:1.3rem;font-weight:600;margin:0 0 20px;padding-bottom:10px;position:relative}.config-section h3:after{background:#d4804d;background:var(--primary,#d4804d);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.input-group{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-bottom:8px;position:relative}.config-section select,.input-group input{border:1px solid #ddd;border-radius:8px;border-radius:4px;font-size:.95rem;font-size:.9rem;padding:10px 12px;transition:all .2s ease;transition:border-color .3s;width:100%}.config-section select:focus,.input-group input:focus{border-color:#4d90fe;box-shadow:0 0 0 3px #d4804d33;box-shadow:0 0 0 2px #4d90fe33;outline:none}.checkbox-group{grid-gap:12px;display:grid;gap:12px;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:15px}.checkbox-group label{align-items:center;border-radius:6px;color:#333;color:var(--dark,#333);cursor:pointer;display:flex;font-size:1rem;font-weight:400;gap:10px;padding:8px 12px;transition:all .2s ease}.checkbox-group label:hover{background:#d4804d14}.checkbox-group input[type=checkbox]{accent-color:#d4804d;accent-color:var(--primary,#d4804d);cursor:pointer;height:18px;margin-right:10px;width:18px}.tools-grid{grid-gap:16px;display:grid;gap:16px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:8px;margin-top:15px}.tool-card{background:#fff;background:var(--bg-panel,#fff);border:1px solid #ddd;border-radius:10px;border-radius:6px;box-shadow:0 1px 3px #0000000d;padding:15px;transition:all .2s ease-in-out;transition:all .3s ease}.tool-card:hover{border-color:#4d90fe;box-shadow:0 3px 8px #0000001a;box-shadow:0 2px 8px #4d90fe33}.tool-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.tool-header label{align-items:center;color:#333;color:var(--dark,#333);cursor:pointer;display:flex;font-weight:500;gap:10px;text-transform:capitalize}.tool-details{color:var(--text-secondary,#666);color:#666;display:flex;flex-direction:column;font-size:.9rem;font-size:.85rem;gap:8px;margin-top:8px;padding-left:28px}textarea{background-color:#fff;background-color:var(--bg-panel,#fff);border:1px solid #ddd;border-radius:8px;border-radius:4px;font-family:inherit;font-size:.95rem;font-size:.9rem;margin-bottom:16px;min-height:100px;padding:10px 12px;resize:vertical;transition:all .2s ease;transition:border-color .3s;width:100%}textarea:focus{border-color:#4d90fe;box-shadow:0 0 0 3px #d4804d33;box-shadow:0 0 0 2px #4d90fe33;outline:none}.textarea-label{align-items:center;color:#333;color:var(--dark,#333);color:#555;display:block;display:flex;font-size:.95rem;font-weight:500;margin-bottom:8px}.botconfig-buttons-container{display:flex;gap:15px;justify-content:center;margin-bottom:20px;margin-top:25px}.botconfig-button{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;min-width:200px;padding:12px 24px;text-decoration:none;transition:background-color .2s ease-in-out,transform .1s ease-in-out,box-shadow .2s ease-in-out}.botconfig-button:hover{box-shadow:0 4px 8px #00000040;transform:translateY(-2px)}.botconfig-button:active{box-shadow:0 1px 2px #0003;transform:translateY(0)}.botconfig-download-button{background:linear-gradient(135deg,#e67e22,#d35400);color:#fff}.botconfig-download-button:hover{background:linear-gradient(135deg,#d35400,#c0392b)}.botconfig-download-button:active{background:linear-gradient(135deg,#c0392b,#a03020)}.botconfig-save-button{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff}.botconfig-save-button:hover{background:linear-gradient(135deg,#0056b3,#004085)}.botconfig-save-button:active{background:linear-gradient(135deg,#004085,#002752)}.botconfig-download-button:before{display:none}.section-title-container{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.section-title-container h3{color:#333;font-size:1.2rem;font-weight:600;margin:0}.form-info{color:var(--text-secondary,#666);color:#666;font-size:.9rem;margin-bottom:20px;margin-top:4px}.form-field{margin-bottom:15px}.bot-config::-webkit-scrollbar{position:absolute;right:0;width:8px}.bot-config::-webkit-scrollbar-track{background:#f9f9f9;background:var(--bg-warm,#f9f9f9);border-radius:4px;margin:4px 0}.bot-config::-webkit-scrollbar-thumb{background:#d4804d;background:var(--primary,#d4804d);background-clip:padding-box;border:2px solid #0000;border-radius:4px}.bot-config::-webkit-scrollbar-thumb:hover{background:#c26a3a;background:var(--primary-dark,#c26a3a);background-clip:padding-box;border:1px solid #0000}.info-icon{color:#6c757d;cursor:help;font-size:.85rem}.tooltip-text{margin-left:-100px;width:200px;z-index:9999}.tooltip-text:after{border:5px solid #0000;border-top-color:#333;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}@keyframes fadeIn{0%{transform:translateY(20px)}0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.checkbox-group,.input-group,.tools-grid{grid-template-columns:1fr}.config-section{padding:20px}.checkbox-group,.tools-grid{grid-template-columns:1fr}.button-group{flex-direction:column}}.data-sources{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:20px}.data-sources-container{margin:0 auto;max-width:1200px}.upload-section{align-items:center;display:flex;flex-direction:column;padding:40px 0;text-align:center}.upload-section h2{color:#333;font-size:24px;margin-bottom:10px}.section-description{margin-bottom:30px;max-width:600px}.upload-area{background-color:#fafafa;border:2px dashed #e0e0e0;border-radius:8px;display:flex;flex-direction:column;max-width:500px;padding:30px;width:100%}.upload-area,.upload-button{align-items:center;justify-content:center}.upload-button{background-color:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 4px #0000000d;color:#333;cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.upload-button:hover{background-color:#f5f5f5;box-shadow:0 4px 8px #0000001a}.upload-help{color:#888;font-size:14px;margin-top:15px}.tooltip-container{cursor:help;display:inline-block;margin-left:5px;position:relative}.info-icon{color:#aaa;font-size:14px}.tooltip-text{background-color:#333;border-radius:4px;bottom:125%;color:#fff;font-size:12px;font-weight:400;left:50%;opacity:0;padding:8px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:250px;z-index:1}.tooltip-container:hover .tooltip-text{opacity:1;visibility:visible}.files-list{margin-left:auto;margin-right:auto;margin-top:30px;max-width:800px;width:100%}.files-list h3{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:15px;padding-bottom:10px}.file-item{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:12px}.file-item:hover{background-color:#f9f9f9}.file-name{flex-grow:1;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#888;font-size:14px}.upload-queue{margin-left:auto;margin-right:auto;margin-top:30px;max-width:800px;width:100%}.documents-section h3,.upload-queue h3{border-bottom:1px solid #eee;color:#333;font-size:18px;margin-bottom:15px;padding-bottom:10px}.queue-list{list-style:none;margin:0;padding:0}.queue-item{background-color:#fff;border-bottom:1px solid #f0f0f0;border-radius:4px;box-shadow:0 1px 3px #0000000d;margin-bottom:8px;padding:12px 15px;transition:background-color .2s}.queue-item-main{align-items:center;display:flex}.queue-item-icon{margin-right:15px;text-align:center;width:24px}.queue-item-name{flex-grow:1;overflow:hidden;padding-right:20px;text-overflow:ellipsis;white-space:nowrap}.queue-item-size{color:#888;font-size:14px}.queue-item-message{background-color:#f9f9f9;border-radius:4px;color:#777;font-size:13px;margin-top:8px;padding:8px}.status-uploading{background-color:#f9fbff;border-left:3px solid #4a90e2}.status-success{background-color:#f6fff9;border-left:3px solid #4bb543}.status-error{background-color:#fff6f6;border-left:3px solid #dc3545}.status-pending{background-color:#fffcf5;border-left:3px solid #ffc107}.status-uploading .queue-item-icon{color:#4a90e2}.status-success .queue-item-icon{color:#4bb543}.status-error .queue-item-icon{color:#dc3545}.status-error .queue-item-message{background-color:#fff6f6;color:#dc3545}.status-pending .queue-item-icon{color:#ffc107}.documents-section{margin-left:auto;margin-right:auto;margin-top:40px;max-width:800px;padding-bottom:30px;width:100%}.documents-list{list-style:none;margin:0;padding:0}.document-item{align-items:center;background-color:#fff;border-bottom:1px solid #f0f0f0;border-radius:4px;box-shadow:0 1px 3px #0000000d;display:flex;margin-bottom:8px;padding:15px;transition:background-color .2s}.document-item:hover{background-color:#f9f9f9}.document-icon{align-items:center;background-color:#f1f1f1;border-radius:4px;color:#666;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.document-details{flex-grow:1}.document-name{display:block;font-weight:500;margin-bottom:5px}.document-meta{align-items:center;color:#888;display:flex;font-size:13px}.document-size{margin-right:15px}.document-date{display:inline-block}.document-item{position:relative}.download-button{background:none;border:none;border-radius:4px;color:#4a90e2;cursor:pointer;font-size:16px;padding:8px;transition:all .2s}.download-button:hover{background-color:#4a90e21a;color:#2a5885}.error-message,.loading-indicator,.no-documents{background-color:#f9f9f9;border-radius:4px;color:#777;margin-top:15px;padding:30px;text-align:center}.error-message svg,.loading-indicator svg{font-size:18px;margin-right:10px}.error-message{background-color:#fff6f6;color:#dc3545}.error-message svg{color:#dc3545}.pagination-controls{align-items:center;display:flex;justify-content:center;margin-top:20px;padding:10px 0}.pagination-button{align-items:center;background-color:#fff;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;display:flex;gap:5px;padding:8px 15px;transition:all .2s}.pagination-button:hover:not(:disabled){background-color:#f5f5f5;border-color:#ccc}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:#666;font-size:14px;margin:0 15px}@media (max-width:768px){.upload-area{padding:20px}.document-item{align-items:flex-start;flex-direction:column}.document-icon{margin-bottom:10px}.document-meta{align-items:flex-start;flex-direction:column}.document-size{margin-bottom:5px;margin-right:0}}.dashboard-container{width:100%}.welcome-header{background:linear-gradient(135deg,#f8e9d6,#f1f1e7);border:1px solid #d2691e33;border-radius:12px;box-shadow:0 8px 24px #d2691e26;color:#333;margin-bottom:30px;overflow:hidden;padding:40px 30px;perspective:1000px;position:relative}.welcome-header:before{animation:grid-move 20s linear infinite;background-image:linear-gradient(#d2691e26 1px,#0000 0),linear-gradient(90deg,#d2691e26 1px,#0000 0);height:200%;left:-50%;opacity:.5;top:-50%;transform:perspective(500px) rotateX(60deg);width:200%;z-index:0}.welcome-header:after,.welcome-header:before{background-size:40px 40px;content:"";position:absolute}.welcome-header:after{background-image:radial-gradient(circle,#d2691e0d 10%,#0000 10.5%),radial-gradient(circle,#d2691e0d 10%,#0000 10.5%);background-position:0 0,20px 20px;height:100%;left:0;top:0;width:100%;z-index:1}.welcome-content{position:relative;z-index:3}.welcome-title{-webkit-text-fill-color:#0000;animation:fadeInUp .8s ease-out;background:linear-gradient(135deg,#d4804d,#d2691e);-webkit-background-clip:text;background-clip:text;font-size:3.2rem;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000001a}.welcome-subtitle{animation:fadeInUp .8s ease-out .2s both;color:#666;font-size:1.5rem;font-weight:300;letter-spacing:1px;margin-top:15px;padding-bottom:12px;position:relative;text-align:center}.welcome-subtitle:after{background:linear-gradient(90deg,#f4a4601a,#f4a460cc,#f4a4601a);border-radius:4px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.welcome-decoration{animation:float 5s ease-in-out infinite,rotate 15s linear infinite;background-color:#f4a46066;border:2px solid #f4a46099;border-radius:10px;box-shadow:0 0 20px #f4a46033;height:150px;position:absolute;right:-20px;top:-20px;width:150px;z-index:2}.welcome-decoration:before{animation:float 6s ease-in-out infinite reverse;background-color:#d2691e33;border:2px solid #d2691e4d;border-radius:50%;box-shadow:0 0 30px #d2691e26;content:"";height:80px;left:-80px;position:absolute;top:60px;width:80px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;display:flex;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{box-shadow:0 6px 12px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;background:#f8f9fa;border-radius:12px;color:#f4a460;display:flex;font-size:24px;height:60px;justify-content:center;margin-right:20px;width:60px}.stat-info h3{color:#666;font-size:16px;margin:0 0 8px}.stat-value{color:#333;font-size:28px;font-weight:700;margin:0 0 5px}.stat-description{color:#888;font-size:14px;margin:0}.dashboard-content{margin:0 auto;max-width:1200px;padding:20px}.dashboard-placeholder-box{background:#f8f9fa;border-radius:8px;margin:30px 0;padding:20px;text-align:left}.dashboard-placeholder-box ul{line-height:1.6;margin-top:10px;padding-left:20px}.coming-soon-notice{background-color:#fff3e0;border-left:4px solid #f4a460;border-radius:4px;margin-left:auto;margin-right:auto;margin-top:40px;max-width:500px;padding:15px}@media (max-width:768px){.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.1rem}.dashboard-stats{grid-template-columns:1fr}}.chatbot-manager-container{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.chatbot-manager-error,.chatbot-manager-loading,.chatbot-manager-no-bots{color:#555;font-size:1.1em;padding:20px;text-align:center}.chatbot-manager-error{color:#d9534f}.chatbot-manager-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1em;margin-left:10px;padding:10px 15px;transition:background-color .2s ease-in-out}.chatbot-manager-button:hover{background-color:#0056b3}.chatbot-manager-button.secondary{background-color:#6c757d}.chatbot-manager-button.secondary:hover{background-color:#545b62}.chatbot-manager-button.create-another{margin-top:10px}.chatbot-manager-form{align-items:flex-start;display:flex;flex-direction:column;gap:15px}.chatbot-manager-form h3{color:#333;margin-top:0}.chatbot-manager-input{border:1px solid #ccc;border-radius:5px;font-size:1em;max-width:300px;padding:10px;width:100%}.chatbot-manager-selection{align-items:flex-start;display:flex;flex-direction:column;gap:10px}.chatbot-manager-selection h3{color:#333;margin-top:0}.chatbot-manager-select{border:1px solid #ccc;border-radius:5px;font-size:1em;min-width:200px;padding:10px}@keyframes rotate{0%{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}to{transform:perspective(1000px) rotateY(1turn) rotateX(10deg)}}@keyframes float{0%{transform:translate(0)}50%{transform:translateY(-15px)}to{transform:translate(0)}}.login-page-wrapper{background:linear-gradient(135deg,#f8e9d6,#f1f1e7);height:100vh;left:0;overflow:hidden;perspective:1000px;position:fixed;top:0;width:100%;z-index:9999}.login-page-wrapper:before{animation:grid-move 20s linear infinite;background-image:linear-gradient(#d2691e26 1px,#0000 0),linear-gradient(90deg,#d2691e26 1px,#0000 0);background-size:40px 40px;content:"";height:200%;left:-50%;opacity:.5;position:absolute;top:-50%;transform:perspective(500px) rotateX(60deg);width:200%;z-index:-1}@keyframes grid-move{0%{background-position:0 0}to{background-position:0 40px}}.login-page-wrapper:after{background-image:radial-gradient(circle,#d2691e0d 10%,#0000 10.5%),radial-gradient(circle,#d2691e0d 10%,#0000 10.5%);background-position:0 0,20px 20px;background-size:40px 40px;content:"";z-index:-1}.login-page-wrapper:after,.scanline{height:100%;left:0;position:absolute;top:0;width:100%}.scanline{background:linear-gradient(180deg,#d2691e00 0,#d2691e03 50%,#d2691e00);background-size:100% 4px;display:block!important;opacity:.3;pointer-events:none;z-index:2}.parallax-logo{background-image:none;display:block;height:800px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:800px;z-index:-1}.parallax-logo:before{animation:float 4s ease-in-out infinite,rotate 15s linear infinite;background-color:#f4a46066;border:2px solid #f4a46099;border-radius:10px;box-shadow:0 0 20px #f4a46033;content:"";height:100px;position:absolute;right:-200px;top:-100px;width:100px}.parallax-logo:after{animation:float 6s ease-in-out infinite reverse;background-color:#d2691e33;border:2px solid #d2691e4d;border-radius:50%;bottom:-150px;box-shadow:0 0 30px #d2691e26;content:"";height:150px;left:-50px;position:absolute;width:150px}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-container:before{animation:rotate 10s linear infinite reverse;border:3px solid #d2691e66;box-shadow:0 0 40px #d2691e33;content:"";height:80px;left:15%;opacity:.7;position:absolute;top:25%;transform:perspective(500px) rotateX(45deg) rotateY(15deg);width:80px}.login-container:after{animation:float 5s ease-in-out infinite;background:linear-gradient(135deg,#f4a4604d,#d2691e4d);border-radius:10px;bottom:30%;box-shadow:0 0 30px #f4a46033;content:"";height:40px;opacity:.6;position:absolute;right:20%;transform:perspective(500px) rotateX(-30deg) rotate(15deg);width:120px}.login-content{align-items:center;animation:loginFadeIn .6s ease;background-color:#fff9f0;border:1px solid #d2691e33;border-radius:16px;box-shadow:0 8px 24px #d2691e26;display:flex;flex-direction:column;max-width:450px;overflow:hidden;position:relative;width:100%;z-index:10}.login-content:before{background:linear-gradient(90deg,#f4a460,#d2691e);box-shadow:0 0 10px #d2691e4d;content:"";height:6px;left:0;position:absolute;right:0;top:0;z-index:11}@keyframes loginFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-logo{padding:25px 0 5px;text-align:center;width:100%}.login-logo img{height:auto;max-width:150px}.login-form-container{padding:5px 30px 30px;width:100%}.login-form-container h2{color:#333;font-size:24px;font-weight:600;margin-bottom:8px;text-align:center}.login-subtitle{color:#666;font-size:14px;margin-bottom:25px;text-align:center}.login-form{display:flex;flex-direction:column;gap:10px}.login-form .form-group{align-items:center;display:flex;position:relative}.login-form .form-group label{align-items:center;color:#aaa;display:flex;font-size:1rem;height:100%;left:15px;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.login-form .form-group input{background-color:#f9f9f6;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 8px #d2691e0d;color:#333;font-size:16px;padding:14px 14px 14px 45px;transition:all .3s ease;width:100%}.login-form .form-group input:focus{background-color:#fff;border-color:#d4804d;box-shadow:0 0 0 2px #d4804d33;outline:none}.login-form .form-group input::placeholder{color:#999}.password-group{position:relative}.password-toggle-btn{background:none;border:none;color:#ccc;cursor:pointer;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.forgot-password{font-size:14px;margin:-10px 0 15px;text-align:right}.forgot-password a{color:#d4804d;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.forgot-password-link{background:none;border:none;color:#d4804d;cursor:pointer;font:inherit;font-weight:700;outline:inherit;padding:0;text-decoration:none}.forgot-password-link:hover{font-size:.91rem;text-decoration:underline}.password-options{align-items:center;display:flex;font-size:.9rem;justify-content:space-between;margin-top:-20px;width:100%}.login-button{background:linear-gradient(135deg,#f4a460,#d2691e);border:none;border-radius:6px;box-shadow:0 4px 6px #0000001a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s ease}.login-button:hover{background:linear-gradient(135deg,#e69b5a,#c06018);box-shadow:0 6px 12px #00000026;transform:translateY(-2px)}.login-button:active{box-shadow:0 2px 4px #0000001a;transform:translateY(0)}.login-switch{color:#666;font-size:14px;margin-top:25px;text-align:center}.login-switch button{background:none;border:none;color:#d4804d;cursor:pointer;font-size:14px;font-weight:600;padding:0}.login-switch button:hover{text-decoration:underline}.or-divider{align-items:center;color:#bfa07a;display:flex;font-size:15px;font-weight:500;margin:24px 0 16px;text-align:center}.or-divider span{background:#fff9f0;padding:0 16px;z-index:1}.or-divider:after,.or-divider:before{background:linear-gradient(90deg,#e0c7a0,#f8e9d6);content:"";flex:1 1;height:1px;margin:0 8px;opacity:.7}.google-login-button{align-items:center;background:#fff;border:1.5px solid #e0c7a0;border-radius:6px;box-shadow:0 2px 8px #d2691e12;color:#444;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;margin-bottom:8px;margin-top:0;padding:13px 0;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.google-login-button img{background:none;border-radius:2px;box-shadow:none;height:22px;margin-right:10px;width:22px}.google-login-button:focus{outline:2px solid #d4804d;outline-offset:2px}.google-login-button:hover:not(:disabled){background:linear-gradient(90deg,#fff9f0 80%,#f4e3d0);border-color:#d4804d;box-shadow:0 4px 16px #d2691e1a;color:#b05a1e}.google-login-button:active{background:#f8e9d6;color:#a0521d}.google-login-button:disabled{cursor:not-allowed;opacity:.7}.password-toggle-btn:hover{color:#333}@media (max-width:768px){.login-content{margin:10px auto;max-width:90%;padding:10px}.login-form-container{padding:5px 10px 15px}.login-logo{padding:15px 0 0}.login-logo img{max-width:100px}.login-form-container h2{font-size:18px;margin-bottom:5px}.login-subtitle{font-size:12px;margin-bottom:15px}.login-form{gap:8px}.login-form .form-group input{font-size:14px;padding:10px 10px 10px 35px}.google-login-button,.login-button{font-size:14px;margin-top:8px;padding:10px}.google-login-button{margin-bottom:5px}.or-divider{margin:15px 0 10px}.password-options{align-items:flex-start;flex-direction:column;gap:5px;margin-top:-15px}.forgot-password-link{margin-bottom:3px}.login-switch{font-size:13px;margin-top:15px}}.user-settings-container{margin:0 auto;max-width:900px;width:100%}.user-settings-header{margin-bottom:30px}.user-settings-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4804d,#d2691e);-webkit-background-clip:text;background-clip:text;margin-bottom:10px}.user-settings-header p{color:#666;font-size:1rem;text-align:center}.settings-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr}.settings-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:25px}.settings-section h2{border-bottom:1px solid #eee;color:#333;font-size:1.5rem;margin-bottom:20px;padding-bottom:15px}.section-description{color:#666;margin-bottom:20px}.account-info{grid-gap:15px;display:grid;gap:15px}.info-row{align-items:center;display:grid;grid-template-columns:150px 1fr}.info-row label{align-items:center;color:#555;display:flex;font-weight:500;gap:8px}.info-row label svg{color:#d2691e}.change-password-button{align-items:center;background:linear-gradient(135deg,#f4a460,#d2691e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 24px;transition:all .2s}.change-password-button:hover{box-shadow:0 4px 8px #d2691e4d;transform:translateY(-2px)}.dialog-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.dialog{animation:dialogEntrance .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;max-width:500px;padding:30px;width:90%}@keyframes dialogEntrance{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dialog h2{color:#333;font-size:1.8rem;margin:0 0 15px}.dialog p{color:#666;margin-bottom:25px}.password-form{width:100%}.form-group{margin-bottom:20px}.form-group label{align-items:center;color:#333;display:block;display:flex;font-weight:500;gap:8px;margin-bottom:8px}.form-group label svg{color:#d2691e}.form-group input{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px 15px;transition:border-color .2s;width:100%}.form-group input:focus{border-color:#d2691e;box-shadow:0 0 0 2px #d2691e33;outline:none}.dialog-buttons{display:flex;gap:15px;justify-content:flex-end;margin-top:20px}.cancel-button{background:#f1f1f1;border:none;border-radius:8px;color:#333;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.cancel-button:hover{background:#e5e5e5}.update-button{background:linear-gradient(135deg,#f4a460,#d2691e);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s}.update-button:hover{box-shadow:0 4px 8px #d2691e4d;transform:translateY(-2px)}.cancel-button:disabled,.update-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.message{align-items:center;border-radius:6px;display:flex;gap:10px;margin-bottom:20px;padding:12px 15px}.success{background-color:#4bb5431a;border-left:4px solid #4bb543;color:#2c682c}.error{background-color:#dc35451a;border-left:4px solid #dc3545;color:#82232d}@media (max-width:768px){.settings-section{padding:20px 15px}.info-row{gap:5px;grid-template-columns:1fr}.info-row label{font-weight:600}.dialog{padding:20px;width:95%}.dialog-buttons{flex-direction:column-reverse}.cancel-button,.update-button{width:100%}}.test-and-deploy-container{background-color:#fff;border-radius:10px;border-radius:var(--border-radius,10px);box-shadow:0 4px 12px #0000001a;box-shadow:var(--box-shadow,0 4px 12px #0000001a);box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100%;max-height:calc(100vh - 180px);max-width:100%;overflow-y:auto;padding:30px 20px;width:100%}.test-and-deploy-content{display:flex;flex-grow:1;gap:20px;overflow:hidden}.bot-selection-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;border-radius:var(--border-radius,10px);box-shadow:0 2px 8px #0000000d;box-shadow:var(--box-shadow,0 2px 8px #0000000d);display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:20px}.bot-selection-panel h2,.bot-selection-panel h3{color:#333;color:var(--dark,#333);font-size:1.3rem;font-weight:600;margin:0 0 15px;padding-bottom:10px;position:relative}.bot-selection-panel h2:after,.bot-selection-panel h3:after{background:#d4804d;background:var(--primary,#d4804d);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:40px}.bot-list{list-style:none;margin:0 0 20px;padding:0}.bot-list-item{border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;margin-bottom:10px;padding:12px 18px;transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.bot-list-item:hover{background-color:#f5f5f5;border-color:#e8a87c;border-color:var(--primary-light,#e8a87c);box-shadow:0 2px 5px #00000014}.bot-list-item.selected{background-color:#e8a87c;background-color:var(--primary-light,#e8a87c);border-color:#d4804d;border-color:var(--primary,#d4804d);box-shadow:0 0 0 2px #d4804d4d;color:#2a2a2a;color:var(--dark,#2a2a2a);font-weight:600}.url-input-section{border-top:1px solid #e0e0e0;margin-top:auto;padding-top:20px}.url-input{border:1px solid #ccc;border-radius:8px;border-radius:var(--border-radius,8px);box-sizing:border-box;font-size:.95rem;margin-bottom:12px;padding:12px 16px;width:100%}.url-input:focus{border-color:#d4804d;border-color:var(--primary,#d4804d);box-shadow:0 0 0 3px #d4804d33;outline:none}.load-url-button{background-color:#d4804d;background-color:var(--primary,#d4804d);border:none;border-radius:8px;border-radius:var(--border-radius,8px);color:#fff;cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 18px;transition:background-color .2s ease,box-shadow .2s ease;width:100%}.load-url-button:hover{background-color:#b35a2b;background-color:var(--primary-dark,#b35a2b);box-shadow:0 2px 8px #00000026}.iframe-display-panel{background-color:#fff;border:1px solid #e0e0e0;border-radius:10px;border-radius:var(--border-radius,10px);box-shadow:0 2px 8px #0000000d;box-shadow:var(--box-shadow,0 2px 8px #0000000d);display:flex;flex:1 1;flex-direction:column;min-height:100%;overflow:hidden;padding:0}.bot-iframe{border:none;flex-grow:1;height:100%;width:100%}.iframe-placeholder{align-items:center;color:#777;display:flex;font-size:16px;height:100%;justify-content:center;padding:20px;text-align:center}
/*# sourceMappingURL=main.d575b629.css.map*/