@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--radius: .5rem ;--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--sidebar-background: 240 5.9% 10%;--sidebar-foreground: 240 4.8% 95.9%;--sidebar-primary: 224.3 76.3% 48%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 240 3.7% 15.9%;--sidebar-accent-foreground: 240 4.8% 95.9%;--sidebar-border: 240 3.7% 15.9%;--sidebar-ring: 217.2 91.2% 59.8% }}.app{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);color:#fff;font-family:Arial,sans-serif}.app-header{background:linear-gradient(90deg,#000000,#1a1a2e,#000000);padding:20px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid #00ffff}.app-header h1{color:#0ff;margin:0;font-size:24px;text-shadow:0 0 5px #00ffff}.app-nav{display:flex;gap:15px;margin-top:15px}.app-nav button{background:rgba(0,255,255,.1);border:1px solid #00ffff;color:#0ff;padding:8px 16px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-size:14px}.app-nav button:hover{background:rgba(0,255,255,.2);box-shadow:0 0 10px #00ffff80}.app-nav button.active{background:rgba(0,255,255,.3);box-shadow:0 0 15px #00ffffb3}.toggle-admin-button{background:linear-gradient(135deg,#00ffff,#0088ff);border:none;color:#000;padding:10px 20px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00ffff80;margin-top:10px}.toggle-admin-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ffffb3}.app-content{flex:1;display:flex;padding:20px;gap:20px;justify-content:center}.admin-panel-container{flex:1;max-width:800px}.demo-area{flex:1;display:flex;justify-content:center;width:100%;max-width:1200px;margin:0 auto}.demo-website{background:rgba(255,255,255,.05);border-radius:10px;padding:30px;width:100%;box-shadow:0 0 20px #0000004d}.demo-website h2{color:#0ff;margin-top:0;text-shadow:0 0 3px #00ffff}.demo-sections{display:flex;gap:20px;margin-top:30px}.demo-section{flex:1;background:rgba(0,0,0,.3);padding:20px;border-radius:10px;border:1px solid rgba(0,255,255,.2)}.demo-section h3{color:#0ff;margin-top:0}.feature-highlights{background:rgba(0,0,0,.3);padding:20px;border-radius:10px;border:1px solid rgba(0,255,255,.2);margin-top:20px}.feature-highlights h3{color:#0ff;margin-bottom:15px}.feature-highlights ul{list-style:none;padding:0}.feature-highlights li{padding:8px 0;border-bottom:1px solid rgba(0,255,255,.1)}.tools-section{width:100%}.tool-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.tool-card{background:rgba(0,0,0,.3);border:1px solid rgba(0,255,255,.3);border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.tool-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00ffff4d;border-color:#0ff}.tool-card h4{color:#0ff;margin-bottom:10px;font-size:1.2em}.tool-card button{background:linear-gradient(135deg,#000000,#1a1a2e);color:#0ff;border:1px solid #00ffff;padding:10px 20px;border-radius:20px;cursor:pointer;margin-top:15px;transition:all .3s ease}.tool-card button:hover{background:linear-gradient(135deg,#1a1a2e,#000000);box-shadow:0 0 15px #00ffff80}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:2px solid #00ffff;border-radius:20px;box-shadow:0 0 40px #00ffff80;max-width:90%;max-height:90%;overflow:auto;position:relative}.app-footer{background:rgba(0,0,0,.5);padding:15px;text-align:center;border-top:1px solid rgba(0,255,255,.3);color:#ffffffb3}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#1a1a2e;border-radius:5px}::-webkit-scrollbar-thumb{background:#00ffff;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#00cccc}@media (max-width: 1200px){.app-content{flex-direction:column}.admin-panel-container{max-width:100%}}@media (max-width: 768px){.app-header h1{font-size:20px}.app-nav{flex-wrap:wrap;gap:10px;justify-content:center}.app-nav button{padding:6px 12px;font-size:12px}.demo-sections{flex-direction:column}.tool-cards{grid-template-columns:1fr}.modal-content{max-width:95%;max-height:95%;margin:10px}}@media (max-width: 600px){.demo-website{padding:20px}.demo-sections{flex-direction:column}}.dragon-button-container{position:fixed;z-index:999;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:80px;height:80px;display:flex;justify-content:center;align-items:center;cursor:pointer}.dragon-button-container.bottom-right{bottom:30px;right:30px}.dragon-button-container.bottom-left{bottom:30px;left:30px}.dragon-button-container.top-right{top:30px;right:30px}.dragon-button-container.top-left{top:30px;left:30px}.dragon-button-container.sticky{position:sticky}.dragon-button{position:relative;width:60px;height:60px;border-radius:50%;display:flex;justify-content:center;align-items:center;transform-origin:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);background:linear-gradient(135deg,#001a2c 0%,#003555 100%);box-shadow:0 4px 15px #00e5ff4d,inset 0 1px #ffffff1a;border:2px solid #00e5ff}.dragon-button-container:hover .dragon-button,.dragon-button-container.hovered .dragon-button{transform:scale(1.1);box-shadow:0 6px 25px #00e5ff80,inset 0 1px #fff3}.dragon-button-container.active .dragon-button,.dragon-button-container.open .dragon-button{transform:scale(1.2);background:linear-gradient(135deg,#003555 0%,#001a2c 100%);border-color:#00ff7f;box-shadow:0 8px 30px #00ff7f66,inset 0 1px #ffffff4d}.dragon-button-container.animating .dragon-button{animation:pulse-rotate 1s cubic-bezier(.175,.885,.32,1.275)}.dragon-layer-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden}.dragon-layer-container svg{width:100%;height:100%;transition:all .3s ease}.layer-1{z-index:1;opacity:.8}.layer-2{z-index:2;animation:slow-spin 20s linear infinite;opacity:.9}.dragon-button-container.active .layer-2,.dragon-button-container.open .layer-2{animation:slow-spin 8s linear infinite reverse}.layer-3{z-index:3;filter:drop-shadow(0 0 3px #00e5ff);animation:pulse-glow 3s ease-in-out infinite}.dragon-button-container.active .layer-3,.dragon-button-container.open .layer-3{filter:drop-shadow(0 0 6px #00ff7f);animation:pulse-glow 2s ease-in-out infinite}.dragon-button-label{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,rgba(0,26,44,.9) 0%,rgba(0,53,85,.9) 100%);color:#00e5ff;padding:6px 12px;border-radius:15px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;transition:all .3s ease;pointer-events:none;border:1px solid rgba(0,229,255,.5);box-shadow:0 2px 10px #0000004d;z-index:10}.dragon-button-container:hover .dragon-button-label,.dragon-button-container.hovered .dragon-button-label{opacity:1;transform:translate(-50%) translateY(-5px)}.dragon-button-container.active .dragon-button-label,.dragon-button-container.open .dragon-button-label{color:#00ff7f;border-color:#00ff7f80}.dragon-button-pulse{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;pointer-events:none;z-index:0}.pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #00ff7f;border-radius:50%;opacity:0;animation:pulse-expand 2s cubic-bezier(.215,.61,.355,1) infinite}.pulse-ring.delay-1{animation-delay:.7s}.pulse-ring.delay-2{animation-delay:1.4s}.connection-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #001a2c;z-index:5}.status-dot{width:100%;height:100%;border-radius:50%;background-color:#666;transition:background-color .3s ease}.connection-indicator.connected .status-dot{background-color:#00ff7f;box-shadow:0 0 6px #00ff7f}.connection-indicator.idle .status-dot{background-color:#00e5ff;box-shadow:0 0 4px #00e5ff}@keyframes slow-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:.7;filter:drop-shadow(0 0 3px #00e5ff)}50%{opacity:1;filter:drop-shadow(0 0 8px #00e5ff)}}@keyframes pulse-rotate{0%{transform:scale(1) rotate(0)}50%{transform:scale(1.4) rotate(180deg)}to{transform:scale(1.2) rotate(360deg)}}@keyframes pulse-expand{0%{opacity:0;transform:scale(.8)}50%{opacity:.8}to{opacity:0;transform:scale(2)}}@media (max-width: 480px){.dragon-button-container{width:70px;height:70px}.dragon-button{width:50px;height:50px}.dragon-button-container.bottom-right,.dragon-button-container.bottom-left{bottom:20px}.dragon-button-container.bottom-right,.dragon-button-container.top-right{right:20px}.dragon-button-container.bottom-left,.dragon-button-container.top-left{left:20px}.dragon-button-container.top-right,.dragon-button-container.top-left{top:20px}.dragon-button-label{font-size:10px;padding:4px 8px;bottom:-30px}.dragon-button-container:hover .dragon-button,.dragon-button-container.hovered .dragon-button{transform:scale(1.15)}.dragon-button-container.active .dragon-button,.dragon-button-container.open .dragon-button{transform:scale(1.25)}}@media (max-width: 360px){.dragon-button-container{width:60px;height:60px}.dragon-button{width:45px;height:45px}.dragon-button-label{display:none}.dragon-button-container.bottom-right,.dragon-button-container.bottom-left{bottom:15px}.dragon-button-container.bottom-right,.dragon-button-container.top-right{right:15px}.dragon-button-container.bottom-left,.dragon-button-container.top-left{left:15px}.dragon-button-container.top-right,.dragon-button-container.top-left{top:15px}}.dragon-button-container.open.bottom-right{bottom:calc(80vh + 25px)}@media (min-width: 481px){.dragon-button-container.open.bottom-right{bottom:625px}}@supports (padding: max(0px)){.dragon-button-container.bottom-right,.dragon-button-container.bottom-left{bottom:max(20px,env(safe-area-inset-bottom))}.dragon-button-container.bottom-right,.dragon-button-container.top-right{right:max(20px,env(safe-area-inset-right))}.dragon-button-container.bottom-left,.dragon-button-container.top-left{left:max(20px,env(safe-area-inset-left))}.dragon-button-container.top-right,.dragon-button-container.top-left{top:max(20px,env(safe-area-inset-top))}}@media (-webkit-min-device-pixel-ratio: 2){.dragon-layer-container svg{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@media (hover: none) and (pointer: coarse){.dragon-button-container{width:75px;height:75px}.dragon-button{width:55px;height:55px}.dragon-button-container:hover .dragon-button{transform:none}.dragon-button-container:hover .dragon-button-label{opacity:0}.dragon-button-container.active .dragon-button-label,.dragon-button-container.open .dragon-button-label{opacity:1}}.voice-chat-container{position:fixed;width:400px;height:600px;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%);border:2px solid #00e5ff;border-radius:20px;box-shadow:0 20px 40px #00e5ff4d,0 0 60px #00e5ff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.voice-chat-container.enhanced{border:2px solid #00e5ff;box-shadow:0 20px 40px #00e5ff66,0 0 80px #00e5ff33,inset 0 1px #ffffff1a}.voice-chat-container.bottom-right{bottom:20px;right:20px}.voice-chat-container.bottom-left{bottom:20px;left:20px}.voice-chat-container.top-right{top:20px;right:20px}.voice-chat-container.top-left{top:20px;left:20px}.voice-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(90deg,rgba(0,229,255,.1) 0%,rgba(0,196,220,.05) 100%);border-bottom:1px solid rgba(0,229,255,.2);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.voice-chat-title{display:flex;align-items:center;gap:12px;flex:1}.voice-chat-icon{font-size:24px;filter:drop-shadow(0 0 8px rgba(0,229,255,.6));animation:dragonPulse 3s ease-in-out infinite}@keyframes dragonPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 8px rgba(0,229,255,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 12px rgba(0,229,255,.8))}}.voice-chat-title h2{margin:0;font-size:18px;font-weight:600;color:#fff;text-shadow:0 0 10px rgba(0,229,255,.5)}.version-badge{background:linear-gradient(45deg,#ff6b6b,#ff8e8e);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #ff6b6b4d}.connection-status{display:flex;align-items:center;gap:8px;font-size:12px;color:#a0a0a0}.status-indicator{width:8px;height:8px;border-radius:50%;background:#ff4444;animation:statusPulse 2s ease-in-out infinite}.status-indicator.connected{background:#00ff88}.status-indicator.connecting{background:#ffaa00}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.memory-indicator{font-size:14px;margin-left:4px;filter:drop-shadow(0 0 4px rgba(255,107,107,.6));animation:memoryPulse 2s ease-in-out infinite}@keyframes memoryPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.voice-chat-close{background:rgba(255,68,68,.2);border:1px solid rgba(255,68,68,.3);color:#f44;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease}.voice-chat-close:hover{background:rgba(255,68,68,.3);transform:scale(1.1)}.visualizer-container{padding:16px 20px;background:linear-gradient(180deg,rgba(0,229,255,.05) 0%,transparent 100%);border-bottom:1px solid rgba(0,229,255,.1);min-height:120px;display:flex;flex-direction:column;gap:12px}.visualizer-container.enhanced{background:linear-gradient(180deg,rgba(0,229,255,.08) 0%,rgba(255,107,107,.02) 50%,transparent 100%)}.heartline-visualizer{height:80px;width:100%;background:rgba(0,0,0,.3);border-radius:12px;border:1px solid rgba(0,229,255,.2);overflow:hidden;position:relative}.heartline-visualizer.enhanced{border:1px solid rgba(0,229,255,.3);box-shadow:inset 0 0 20px #00e5ff1a}.heartline-visualizer:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.1) 50%,transparent 100%);animation:scanLine 3s linear infinite;pointer-events:none}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.visualizer-status{display:flex;align-items:center;justify-content:center;gap:16px;min-height:24px}.status-text{font-size:12px;font-weight:500;padding:4px 8px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.status-text.listening{background:rgba(0,229,255,.2);color:#00e5ff;border:1px solid rgba(0,229,255,.3);animation:listeningPulse 1s ease-in-out infinite}.status-text.processing{background:rgba(0,196,220,.2);color:#00c4dc;border:1px solid rgba(0,196,220,.3)}.status-text.memory{background:rgba(255,107,107,.2);color:#ff6b6b;border:1px solid rgba(255,107,107,.3);animation:memoryPulse 1.5s ease-in-out infinite}@keyframes listeningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.05)}}.voice-chat-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.voice-chat-content.enhanced{background:linear-gradient(180deg,transparent 0%,rgba(0,229,255,.02) 100%)}.conversation-container{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:16px}.conversation-container::-webkit-scrollbar{width:6px}.conversation-container::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:3px}.conversation-container::-webkit-scrollbar-thumb{background:rgba(0,229,255,.3);border-radius:3px}.conversation-container::-webkit-scrollbar-thumb:hover{background:rgba(0,229,255,.5)}.message{display:flex;gap:12px;align-items:flex-start;animation:messageSlideIn .3s ease-out}.message.enhanced{padding:8px;border-radius:12px;background:rgba(255,255,255,.02);border:1px solid transparent;transition:all .2s ease}.message.enhanced:hover{background:rgba(255,255,255,.05);border-color:#00e5ff33}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00e5ff 0%,#0077cc 100%);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 4px 8px #00e5ff4d}.assistant-message .message-avatar{background:linear-gradient(135deg,#00e5ff 0%,#0077cc 100%);animation:assistantGlow 2s ease-in-out infinite}.user-message .message-avatar{background:linear-gradient(135deg,#666 0%,#999 100%)}@keyframes assistantGlow{0%,to{box-shadow:0 4px 8px #00e5ff4d}50%{box-shadow:0 4px 12px #00e5ff80}}.message-content{flex:1;display:flex;flex-direction:column;gap:4px}.message-text{color:#fff;font-size:14px;line-height:1.5;word-wrap:break-word}.message-timestamp{font-size:10px;color:#666;opacity:.7}.voice-chat-controls{padding:16px 20px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%);border-top:1px solid rgba(0,229,255,.2);display:flex;flex-direction:column;gap:12px}.voice-chat-controls.enhanced{background:linear-gradient(180deg,rgba(0,229,255,.02) 0%,rgba(0,0,0,.3) 100%)}.text-input-form{display:flex;gap:8px;align-items:center}.text-input{flex:1;background:rgba(0,0,0,.4);border:1px solid rgba(0,229,255,.3);border-radius:12px;padding:12px 16px;color:#fff;font-size:14px;outline:none;transition:all .2s ease}.text-input.enhanced{background:rgba(0,0,0,.5);border:1px solid rgba(0,229,255,.4);box-shadow:inset 0 2px 4px #0003}.text-input:focus{border-color:#00e5ff;box-shadow:0 0 0 2px #00e5ff33}.text-input::placeholder{color:#666}.send-button,.voice-button{background:linear-gradient(135deg,#00e5ff 0%,#0077cc 100%);border:none;border-radius:12px;padding:12px 16px;color:#fff;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;box-shadow:0 4px 8px #00e5ff4d}.send-button.enhanced,.voice-button.enhanced{box-shadow:0 4px 12px #00e5ff66}.voice-button{width:100%;justify-content:center;font-size:16px;padding:16px}.voice-button.active{background:linear-gradient(135deg,#ff4444 0%,#cc0000 100%);animation:recordingPulse 1s ease-in-out infinite}@keyframes recordingPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.send-button:hover,.voice-button:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00e5ff66}.voice-icon,.send-icon{font-size:18px}.secondary-controls{display:flex;justify-content:center;gap:8px}.secondary-controls.enhanced{gap:12px}.toggle-input-button,.websocket-toggle,.memory-toggle,.api-endpoint-toggle{background:rgba(0,0,0,.4);border:1px solid rgba(0,229,255,.3);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;color:#00e5ff}.memory-toggle{border-color:#ff6b6b4d;color:#ff6b6b}.memory-toggle.enabled{background:rgba(255,107,107,.2);border-color:#ff6b6b80;animation:memoryActive 2s ease-in-out infinite}@keyframes memoryActive{0%,to{box-shadow:0 0 #ff6b6b66}50%{box-shadow:0 0 8px #ff6b6b99}}.api-endpoint-toggle{border-color:#ffc1074d;color:#ffc107}.toggle-input-button:hover,.websocket-toggle:hover,.memory-toggle:hover,.api-endpoint-toggle:hover{background:rgba(0,229,255,.1);transform:scale(1.1)}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 20px;background:rgba(0,0,0,.3);border-top:1px solid rgba(0,229,255,.1);font-size:10px;color:#666}.status-bar.enhanced{background:linear-gradient(90deg,rgba(0,0,0,.4) 0%,rgba(0,229,255,.05) 50%,rgba(0,0,0,.4) 100%)}.status-item{padding:2px 6px;background:rgba(0,229,255,.1);border-radius:4px;border:1px solid rgba(0,229,255,.2);text-transform:uppercase;letter-spacing:.5px;font-weight:500}@media (max-width: 480px){.voice-chat-container{width:calc(100vw - 20px);height:calc(100vh - 40px);bottom:10px;right:10px;left:10px;border-radius:16px}.voice-chat-header{padding:12px 16px}.voice-chat-title h2{font-size:16px}.visualizer-container{padding:12px 16px;min-height:100px}.heartline-visualizer{height:60px}.conversation-container,.voice-chat-controls{padding:12px 16px}.status-bar{padding:6px 16px;flex-wrap:wrap;gap:4px}.status-item{font-size:9px}}@media (prefers-color-scheme: dark){.voice-chat-container{background:linear-gradient(135deg,#0a0a0a 0%,#1a1a2e 50%,#16213e 100%)}.text-input{background:rgba(0,0,0,.6)}.message-text{color:#f0f0f0}}@media (prefers-reduced-motion: reduce){.voice-chat-icon,.status-indicator,.memory-indicator,.assistant-message .message-avatar,.voice-button.active,.memory-toggle.enabled{animation:none}.heartline-visualizer:before{animation:none}}@media (prefers-contrast: high){.voice-chat-container{border-color:#fff;background:#000000}.voice-chat-title h2,.message-text{color:#fff}.text-input{border-color:#fff;color:#fff}}.admin-panel{width:800px;background:linear-gradient(135deg,#000000,#1a1a2e);border:2px solid #00ffff;border-radius:15px;box-shadow:0 0 20px #00ffff80,0 0 40px #0ff3;color:#fff;font-family:Arial,sans-serif;overflow:hidden;display:flex;flex-direction:column;height:600px}.admin-panel-header{background:linear-gradient(90deg,#000000,#1a1a2e,#000000);padding:20px;display:flex;align-items:center;border-bottom:1px solid #00ffff}.admin-logo{width:40px;height:40px;margin-right:15px;filter:drop-shadow(0 0 5px #00ffff)}.admin-panel-header h2{color:#0ff;margin:0;font-size:24px;text-shadow:0 0 5px #00ffff}.admin-panel-tabs{display:flex;background:rgba(0,0,0,.5);border-bottom:1px solid rgba(0,255,255,.3)}.admin-tab{padding:15px 25px;background:none;border:none;color:#0ff;font-size:16px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.admin-tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background:#00ffff;transition:width .3s ease}.admin-tab:hover:before{width:80%}.admin-tab.active{background:rgba(0,255,255,.1)}.admin-tab.active:before{width:100%}.admin-panel-content{flex:1;padding:20px;overflow-y:auto}.admin-section{margin-bottom:30px}.admin-section h3{color:#0ff;margin-top:0;margin-bottom:20px;font-size:18px;text-shadow:0 0 3px #00ffff}.admin-control{margin-bottom:15px;display:flex;align-items:center}.admin-control.full-width{flex-direction:column;align-items:flex-start}.control-label{margin-left:15px}.switch{position:relative;display:inline-block;width:60px;height:30px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#0ff;box-shadow:0 0 10px #0ff}input:checked+.slider:before{transform:translate(30px)}.text-input,.select-input,.textarea-input{background:rgba(0,0,0,.5);border:1px solid #00ffff;border-radius:5px;color:#fff;padding:10px;margin-left:10px;transition:all .3s ease;flex:1}.text-input.small{width:80px;flex:none}.text-input:focus,.select-input:focus,.textarea-input:focus{outline:none;box-shadow:0 0 10px #00ffff80;border-color:#0ff}.textarea-input{width:100%;margin-top:10px;margin-left:0;resize:vertical}.custom-position-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px;margin-bottom:15px;padding:15px;border:1px dashed rgba(0,255,255,.3);border-radius:10px}.admin-panel-footer{padding:20px;display:flex;justify-content:flex-end;border-top:1px solid rgba(0,255,255,.3);background:rgba(0,0,0,.5)}.save-button{background:linear-gradient(135deg,#00ffff,#0088ff);border:none;color:#000;padding:12px 30px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #00ffff80}.save-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #00ffffb3}.setup-ai-button{background:linear-gradient(135deg,#ff00ff,#9900ff);border:none;color:#fff;padding:12px 30px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #ff00ff80;margin-top:20px}.setup-ai-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #ff00ffb3}.ai-setup-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1100}.ai-setup-content{background:linear-gradient(135deg,#000000,#1a1a2e);border:2px solid #ff00ff;border-radius:15px;padding:30px;width:600px;max-width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 0 30px #ff00ff80}.ai-setup-content h3{color:#f0f;margin-top:0;text-shadow:0 0 5px #ff00ff}.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.checkbox-group label{display:flex;align-items:center}.checkbox-group input[type=checkbox]{margin-right:8px}.modal-buttons{display:flex;justify-content:flex-end;gap:15px;margin-top:30px}.modal-buttons button{padding:10px 20px;border-radius:25px;font-weight:700;cursor:pointer;transition:all .3s ease}.modal-buttons .primary-button{background:linear-gradient(135deg,#ff00ff,#9900ff);border:none;color:#fff;box-shadow:0 0 15px #ff00ff80}.modal-buttons .primary-button:hover{transform:translateY(-2px);box-shadow:0 0 20px #ff00ffb3}@media (max-width: 850px){.admin-panel{width:95%;height:90vh}}@media (max-width: 600px){.admin-panel-tabs{flex-direction:column}.custom-position-controls,.checkbox-group{grid-template-columns:1fr}}.web-scraper-container{background:rgba(0,0,0,.85);border:2px solid rgba(64,224,208,.7);border-radius:15px;padding:20px;color:#e0e0e0;max-width:800px;margin:0 auto;box-shadow:0 0 20px #40e0d04d}.web-scraper-container h2{color:#0ff;text-align:center;margin-top:0;margin-bottom:10px;text-shadow:0 0 10px rgba(64,224,208,.7)}.scraper-description{text-align:center;color:#a0a0a0;margin-bottom:20px;font-size:14px}.scraper-error{background:rgba(255,0,0,.2);border:1px solid rgba(255,0,0,.5);color:#ff6b6b;padding:10px;border-radius:5px;margin-bottom:15px;text-align:center}.scraper-form{display:flex;flex-direction:column;gap:15px}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{color:#40e0d0e6;font-size:14px}.form-group input,.form-group select{padding:10px;background:rgba(0,32,42,.8);border:1px solid rgba(64,224,208,.5);border-radius:5px;color:#fff;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#40e0d0e6;box-shadow:0 0 10px #40e0d080}.scraper-options{background:rgba(0,32,42,.4);border-radius:8px;padding:15px;margin-top:10px}.scraper-options h3{color:#40e0d0e6;margin-top:0;margin-bottom:10px;font-size:16px}.option-group{display:flex;flex-direction:column;gap:10px}.option-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.option-group input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:rgba(0,32,42,.8);border:1px solid rgba(64,224,208,.5);border-radius:3px;position:relative;cursor:pointer}.option-group input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#0ff;font-size:14px}.option-group input[type=checkbox]:focus{outline:none;border-color:#40e0d0e6;box-shadow:0 0 5px #40e0d080}.progress-container{height:20px;background:rgba(0,32,42,.4);border-radius:10px;overflow:hidden;position:relative;margin:15px 0}.progress-bar{height:100%;background:linear-gradient(to right,rgba(0,128,128,.8),rgba(64,224,208,.8));border-radius:10px;transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;text-shadow:0 0 3px rgba(0,0,0,.8)}.form-actions{display:flex;justify-content:center;margin-top:10px}.scrape-button{padding:12px 25px;background:linear-gradient(to bottom,rgba(0,128,128,.8),rgba(0,64,64,.8));color:#0ff;border:1px solid rgba(64,224,208,.7);border-radius:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #40e0d04d;font-weight:700}.scrape-button:hover{background:linear-gradient(to bottom,rgba(0,148,148,.8),rgba(0,84,84,.8));box-shadow:0 0 15px #40e0d080}.scrape-button:disabled{opacity:.5;cursor:not-allowed}.scraper-tips{margin-top:25px;background:rgba(0,0,0,.3);border-radius:8px;padding:15px}.scraper-tips h4{color:#ffd700e6;margin-top:0;margin-bottom:10px;font-size:14px}.scraper-tips ul{margin:0;padding-left:20px}.scraper-tips li{color:#a0a0a0;font-size:13px;margin-bottom:5px}@media (max-width: 768px){.web-scraper-container{padding:15px}.scrape-button{width:100%}}.subdomain-manager{background:rgba(0,0,0,.85);border:2px solid rgba(64,224,208,.7);border-radius:15px;padding:25px;color:#e0e0e0;max-width:1200px;margin:0 auto;box-shadow:0 0 20px #40e0d04d}.subdomain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.subdomain-header h2{color:#0ff;margin:0;text-shadow:0 0 10px rgba(64,224,208,.7)}.create-subdomain-button{padding:10px 20px;background:linear-gradient(to bottom,rgba(0,128,128,.8),rgba(0,64,64,.8));color:#0ff;border:1px solid rgba(64,224,208,.7);border-radius:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #40e0d04d;font-weight:500}.create-subdomain-button:hover{background:linear-gradient(to bottom,rgba(0,148,148,.8),rgba(0,84,84,.8));box-shadow:0 0 15px #40e0d080}.create-subdomain-button:disabled{opacity:.5;cursor:not-allowed}.subdomain-limit-warning{background:rgba(255,165,0,.2);border:1px solid rgba(255,165,0,.5);color:#ffcc80;padding:15px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.upgrade-button{padding:8px 15px;background:linear-gradient(to bottom,rgba(255,165,0,.8),rgba(255,140,0,.8));color:#fff;border:1px solid rgba(255,165,0,.7);border-radius:5px;cursor:pointer;transition:all .3s ease;font-weight:500}.upgrade-button:hover{background:linear-gradient(to bottom,rgba(255,185,20,.8),rgba(255,160,20,.8))}.subdomain-error{background:rgba(255,0,0,.2);border:1px solid rgba(255,0,0,.5);color:#ff6b6b;padding:15px;border-radius:8px;margin-bottom:20px;text-align:center}.subdomain-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0}.loading-spinner{width:40px;height:40px;border:3px solid rgba(64,224,208,.3);border-top:3px solid rgba(64,224,208,.8);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.no-subdomains{text-align:center;padding:40px 0}.create-first-subdomain-button{padding:12px 25px;background:linear-gradient(to bottom,rgba(0,128,128,.8),rgba(0,64,64,.8));color:#0ff;border:1px solid rgba(64,224,208,.7);border-radius:5px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #40e0d04d;font-weight:500;margin-top:15px}.create-first-subdomain-button:hover{background:linear-gradient(to bottom,rgba(0,148,148,.8),rgba(0,84,84,.8));box-shadow:0 0 15px #40e0d080}.subdomain-table{width:100%;border-collapse:collapse;margin-bottom:20px}.subdomain-table th,.subdomain-table td{padding:12px 15px;text-align:left;border-bottom:1px solid rgba(64,224,208,.2)}.subdomain-table th{color:#40e0d0e6;font-weight:500;background:rgba(0,32,42,.5)}.subdomain-table tr.inactive{opacity:.7}.domain-cell{font-family:monospace;color:#a0a0a0}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:rgba(0,128,0,.2);border:1px solid rgba(0,255,0,.3);color:#90ee90}.status-badge.inactive{background:rgba(128,128,128,.2);border:1px solid rgba(192,192,192,.3);color:#a0a0a0}.actions-cell{white-space:nowrap}.edit-button{padding:6px 12px;background:rgba(0,32,42,.8);border:1px solid rgba(64,224,208,.5);border-radius:4px;color:#0ff;cursor:pointer;transition:all .3s ease;margin-right:8px}.edit-button:hover{background:rgba(0,42,52,.8);border-color:#40e0d0cc}.toggle-button{padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .3s ease}.toggle-button.deactivate{background:rgba(128,0,0,.3);border:1px solid rgba(255,0,0,.3);color:#ff6b6b}.toggle-button.deactivate:hover{background:rgba(148,0,0,.4);border-color:#ff000080}.toggle-button.activate{background:rgba(0,128,0,.3);border:1px solid rgba(0,255,0,.3);color:#90ee90}.toggle-button.activate:hover{background:rgba(0,148,0,.4);border-color:#00ff0080}.subdomain-info{background:rgba(0,32,42,.4);border-radius:8px;padding:15px;margin-top:20px}.subdomain-info h3{color:#40e0d0e6;margin-top:0;margin-bottom:10px;font-size:16px}.subdomain-info p{color:#a0a0a0;margin:5px 0;font-size:14px}@media (max-width: 992px){.subdomain-header{flex-direction:column;align-items:flex-start;gap:15px}.subdomain-table{display:block;overflow-x:auto}}@media (max-width: 768px){.subdomain-limit-warning{flex-direction:column;gap:10px;text-align:center}.actions-cell{display:flex;flex-direction:column;gap:8px}.edit-button{margin-right:0}}.mcp-tools-container{position:fixed;bottom:20px;right:20px;width:300px;background:rgba(0,0,0,.85);border:2px solid rgba(64,224,208,.7);border-radius:15px;box-shadow:0 0 20px #40e0d04d;z-index:900;transition:all .3s ease;max-height:calc(100vh - 40px);display:flex;flex-direction:column}.mcp-tools-container.expanded{height:500px}.mcp-toggle-button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background:linear-gradient(to right,rgba(0,32,42,.9),rgba(0,64,84,.9));border:none;border-radius:13px;color:#0ff;cursor:pointer;transition:all .3s ease}.mcp-toggle-button:hover{background:linear-gradient(to right,rgba(0,42,52,.9),rgba(0,84,104,.9))}.mcp-toggle-icon{font-size:20px;margin-right:10px}.mcp-toggle-text{font-size:16px;font-weight:500}.mcp-tools-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mcp-tabs{display:flex;border-bottom:1px solid rgba(64,224,208,.3)}.mcp-tab{flex:1;padding:10px;background:transparent;border:none;color:#ffffffb3;cursor:pointer;transition:all .3s ease;font-size:14px}.mcp-tab:hover{color:#fff;background:rgba(64,224,208,.1)}.mcp-tab.active{color:#0ff;border-bottom:2px solid cyan;background:rgba(64,224,208,.1)}.mcp-tab-content{flex:1;overflow-y:auto;padding:15px;scrollbar-width:thin;scrollbar-color:rgba(64,224,208,.5) rgba(0,0,0,.3)}.mcp-tab-content::-webkit-scrollbar{width:6px}.mcp-tab-content::-webkit-scrollbar-track{background:rgba(0,0,0,.3)}.mcp-tab-content::-webkit-scrollbar-thumb{background-color:#40e0d080;border-radius:3px}.mcp-tab-content h3{color:#0ff;margin-top:0;margin-bottom:15px;font-size:16px;text-align:center;text-shadow:0 0 10px rgba(64,224,208,.5)}.mcp-empty-state{color:#ffffff80;text-align:center;font-style:italic;margin:20px 0}.mcp-nav-list{list-style:none;padding:0;margin:0}.mcp-nav-item{margin-bottom:8px}.mcp-nav-button{width:100%;padding:10px 15px;background:rgba(0,32,42,.6);border:1px solid rgba(64,224,208,.3);border-radius:8px;color:#fff;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.mcp-nav-button:hover{background:rgba(0,42,52,.8);border-color:#40e0d099}.mcp-nav-icon{color:#0ff;font-size:16px}.mcp-form-list{list-style:none;padding:0;margin:0}.mcp-form-item{margin-bottom:15px}.mcp-form-button{width:100%;padding:10px 15px;background:rgba(128,0,128,.3);border:1px solid rgba(255,105,180,.3);border-radius:8px;color:#fff;text-align:left;cursor:pointer;transition:all .3s ease;display:flex;justify-content:space-between;align-items:center}.mcp-form-button:hover{background:rgba(148,0,148,.4);border-color:#ff69b499}.mcp-form-icon{color:#ffc8ff;font-size:16px}.mcp-form-description{font-size:12px;color:#fff9;margin:5px 0 0 5px}.mcp-search-form{display:flex;margin-bottom:15px}.mcp-search-input{flex:1;padding:8px 12px;background:rgba(0,32,42,.8);border:1px solid rgba(64,224,208,.5);border-radius:5px 0 0 5px;color:#fff;font-size:14px}.mcp-search-input:focus{outline:none;border-color:#40e0d0e6;box-shadow:0 0 10px #40e0d04d}.mcp-search-button{padding:8px 15px;background:linear-gradient(to bottom,rgba(0,128,128,.8),rgba(0,64,64,.8));color:#0ff;border:1px solid rgba(64,224,208,.7);border-left:none;border-radius:0 5px 5px 0;cursor:pointer;transition:all .3s ease}.mcp-search-button:hover{background:linear-gradient(to bottom,rgba(0,148,148,.8),rgba(0,84,84,.8))}.mcp-search-results{list-style:none;padding:0;margin:0}.mcp-search-result{margin-bottom:10px}.mcp-result-button{width:100%;padding:10px;background:rgba(0,32,42,.6);border:1px solid rgba(64,224,208,.3);border-radius:8px;color:#fff;text-align:left;cursor:pointer;transition:all .3s ease}.mcp-result-button:hover{background:rgba(0,42,52,.8);border-color:#40e0d099}.mcp-result-button.form-result{background:rgba(128,0,128,.3);border-color:#ff69b44d}.mcp-result-button.form-result:hover{background:rgba(148,0,148,.4);border-color:#ff69b499}.mcp-result-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px;font-weight:500}.mcp-result-type{font-size:12px;color:#fff9}.mcp-result-excerpt{font-size:12px;color:#fff9;margin:0}@media (max-width: 768px){.mcp-tools-container{width:calc(100% - 40px);max-width:400px}}.website-editor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000a14cc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.website-editor-container{width:95%;height:90vh;background:linear-gradient(to bottom,#001a2c,#000);border:2px solid #00e5ff;border-radius:15px;box-shadow:0 0 30px #00e5ff80,inset 0 0 15px #00e5ff4d;display:flex;flex-direction:column;overflow:hidden}.website-editor-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(90deg,rgba(0,30,60,.9) 0%,rgba(0,20,40,.9) 100%);border-bottom:1px solid rgba(0,229,255,.5)}.editor-title{display:flex;align-items:center;gap:10px}.editor-icon{font-size:24px}.editor-title h2{margin:0;font-size:22px;color:#00e5ff;text-shadow:0 0 10px rgba(0,229,255,.5)}.editor-subtitle{color:#ffffffb3;font-size:14px;margin-left:10px}.editor-actions{display:flex;gap:10px}.editor-action-button{background:rgba(0,20,40,.5);border:1px solid rgba(0,229,255,.3);border-radius:5px;color:#fff;padding:8px 12px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:5px;transition:all .2s ease}.editor-action-button:hover{background:rgba(0,30,60,.7);border-color:#00e5ff80}.button-icon{font-size:16px}.voice-command-button{background:linear-gradient(to right,rgba(0,100,200,.5),rgba(0,70,150,.5))}.voice-command-button:hover{background:linear-gradient(to right,rgba(0,120,220,.6),rgba(0,90,170,.6))}.ai-assistant-button{background:linear-gradient(to right,rgba(100,0,200,.5),rgba(70,0,150,.5))}.ai-assistant-button:hover{background:linear-gradient(to right,rgba(120,0,220,.6),rgba(90,0,170,.6))}.paypal-button{background:linear-gradient(to right,rgba(0,150,100,.5),rgba(0,100,70,.5));position:relative;padding-right:30px}.paypal-button:hover{background:linear-gradient(to right,rgba(0,170,120,.6),rgba(0,120,90,.6))}.status-indicator{position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:10px;padding:2px 5px;border-radius:10px}.status-indicator.enabled{background-color:#00ff644d;color:#00ff7f}.status-indicator.disabled{background-color:#ff64644d;color:#f66}.edit-button{background:linear-gradient(to right,rgba(200,100,0,.5),rgba(150,70,0,.5))}.edit-button:hover{background:linear-gradient(to right,rgba(220,120,0,.6),rgba(170,90,0,.6))}.save-button{background:linear-gradient(to right,rgba(0,150,0,.5),rgba(0,100,0,.5))}.save-button:hover{background:linear-gradient(to right,rgba(0,170,0,.6),rgba(0,120,0,.6))}.close-button{background:rgba(150,0,0,.5);border-color:#ff64644d}.close-button:hover{background:rgba(200,0,0,.6);border-color:#ff646480}.website-editor-content{display:flex;flex:1;overflow:hidden}.editor-sidebar{width:250px;background:rgba(0,10,20,.5);border-right:1px solid rgba(0,229,255,.2);overflow-y:auto;padding:15px}.sidebar-section{margin-bottom:25px}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:16px;color:#00e5ff;margin-top:0;margin-bottom:15px;border-bottom:1px solid rgba(0,229,255,.2);padding-bottom:8px}.sidebar-icon{font-size:18px}.pages-list{display:flex;flex-direction:column;gap:5px}.page-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;cursor:pointer;transition:all .2s ease}.page-item:hover{background:rgba(0,229,255,.1)}.page-item.selected{background:rgba(0,229,255,.2);border-left:3px solid #00e5ff}.page-icon{font-size:18px}.page-name{color:#fff}.change-template-button{width:100%;padding:10px;background:rgba(0,20,40,.5);border:1px solid rgba(0,229,255,.3);border-radius:5px;color:#fff;cursor:pointer;transition:all .2s ease}.change-template-button:hover{background:rgba(0,30,60,.7);border-color:#00e5ff80}.editor-preview{flex:1;padding:20px;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start}.preview-frame{width:100%;height:100%;background:white;border-radius:5px;overflow:hidden;box-shadow:0 0 20px #0000004d}.preview-content{width:100%;height:100%}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f8f8;border-bottom:1px solid #eaeaea}.preview-logo{font-size:24px;font-weight:700;color:#333}.preview-nav{display:flex;gap:20px}.nav-item{color:#555;cursor:pointer}.nav-item.active{color:#00a3cc;font-weight:700}.preview-hero{height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.preview-title{font-size:36px;color:#333;margin-bottom:10px}.preview-subtitle{font-size:18px;color:#666;margin-bottom:30px}.preview-cta{padding:12px 30px;background:#00a3cc;color:#fff;border:none;border-radius:30px;font-size:16px;cursor:pointer;transition:all .2s ease}.preview-cta:hover{background:#0077cc;transform:translateY(-2px)}.editor-properties{width:300px;background:rgba(0,10,20,.5);border-left:1px solid rgba(0,229,255,.2);overflow-y:auto;padding:15px}.properties-title{font-size:16px;color:#00e5ff;margin-top:0;margin-bottom:15px;border-bottom:1px solid rgba(0,229,255,.2);padding-bottom:8px}.properties-section{margin-bottom:25px}.theme-selector{display:flex;flex-direction:column;gap:10px}.theme-option{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;cursor:pointer;transition:all .2s ease;background:rgba(0,20,40,.3);border:1px solid transparent}.theme-option:hover{background:rgba(0,30,60,.5)}.theme-option.selected{background:rgba(0,40,80,.5);border-color:#00e5ff80}.theme-colors{display:flex;gap:5px}.color-preview{width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.3)}.theme-name{color:#fff}.settings-group{margin-bottom:15px}.setting-label{display:block;color:#fffc;margin-bottom:5px;font-size:14px}.setting-input,.setting-textarea{width:100%;padding:8px 10px;background:rgba(0,20,40,.5);border:1px solid rgba(0,229,255,.3);border-radius:5px;color:#fff;font-size:14px}.setting-input:focus,.setting-textarea:focus{outline:none;border-color:#00e5ff99}.setting-button{padding:8px 15px;background:rgba(0,20,40,.5);border:1px solid rgba(0,229,255,.3);border-radius:5px;color:#fff;cursor:pointer;transition:all .2s ease}.setting-button:hover{background:rgba(0,30,60,.7);border-color:#00e5ff80}.template-selector-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000a14e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease-out}.template-modal-content{width:80%;max-width:1200px;height:80vh;background:linear-gradient(to bottom,#001a2c,#000);border:2px solid #00e5ff;border-radius:15px;box-shadow:0 0 30px #00e5ff80;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:linear-gradient(90deg,rgba(0,30,60,.9) 0%,rgba(0,20,40,.9) 100%);border-bottom:1px solid rgba(0,229,255,.5)}.modal-header h3{margin:0;font-size:20px;color:#00e5ff}.modal-close{background:none;border:none;color:#fffc;font-size:20px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;justify-content:center;align-items:center;border-radius:50%;transition:all .2s ease}.modal-close:hover{background:rgba(255,255,255,.1);color:#fff}.template-categories{flex:1;overflow-y:auto;padding:20px}.category-header{font-size:18px;color:#00e5ff;margin:20px 0 15px;border-bottom:1px solid rgba(0,229,255,.2);padding-bottom:8px}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-bottom:30px}.template-card{background:rgba(0,20,40,.5);border:1px solid rgba(0,229,255,.3);border-radius:10px;overflow:hidden;cursor:pointer;transition:all .2s ease}.template-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px #00e5ff33}.template-card.selected{border-color:#00e5ff;box-shadow:0 0 15px #00e5ff80}.template-preview{height:180px;background:#f5f5f5;display:flex;justify-content:center;align-items:center}.template-preview-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#e0e0e0,#f5f5f5);display:flex;justify-content:center;align-items:center;color:#999;font-size:14px}.template-info{padding:15px}.template-name{font-size:16px;color:#fff;margin-bottom:5px}.template-description{font-size:14px;color:#ffffffb3}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px 20px;background:rgba(0,10,20,.5);border-top:1px solid rgba(0,229,255,.2)}.modal-cancel{padding:10px 20px;background:rgba(100,100,100,.3);border:1px solid rgba(150,150,150,.5);border-radius:5px;color:#fff;cursor:pointer;transition:all .2s ease}.modal-cancel:hover{background:rgba(120,120,120,.4)}.modal-apply{padding:10px 20px;background:linear-gradient(to right,rgba(0,150,200,.7),rgba(0,100,150,.7));border:1px solid rgba(0,229,255,.5);border-radius:5px;color:#fff;cursor:pointer;transition:all .2s ease}.modal-apply:hover{background:linear-gradient(to right,rgba(0,170,220,.8),rgba(0,120,170,.8))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 1200px){.editor-properties{width:250px}}@media (max-width: 992px){.website-editor-content{flex-direction:column}.editor-sidebar{width:100%;height:200px;border-right:none;border-bottom:1px solid rgba(0,229,255,.2)}.editor-properties{width:100%;height:200px;border-left:none;border-top:1px solid rgba(0,229,255,.2)}}