@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f111a;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--glass-bg:#ffffff08;--glass-border:#ffffff1a;--glass-glow:#ffffff0d;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-neon:#06b6d4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-color);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex;overflow:hidden}#root{width:100vw;height:100vh}.bg-orbs-container{z-index:-1;background-color:var(--bg-color);width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(120px);opacity:.5;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:absolute}.orb-purple{background:radial-gradient(circle,#8b5cf699 0%,#8b5cf600 70%);width:50vw;height:50vw;top:-10%;left:-10%}.orb-blue{background:radial-gradient(circle,#3b82f680 0%,#3b82f600 70%);width:60vw;height:60vw;animation-delay:-5s;bottom:-20%;right:-10%}@keyframes float{0%{transform:translate(0)scale(1)}33%{transform:translate(5vw,5vh)scale(1.1)}66%{transform:translate(-2vw,8vh)scale(.95)}to{transform:translate(-5vw,-2vh)scale(1.05)}}.app-container{gap:1.5rem;width:100%;height:100%;padding:1.5rem;display:flex}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#0f111a66;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 8px 32px #00000080,inset 0 0 20px #ffffff05}.sidebar{flex-direction:column;width:350px;height:100%;padding:1.5rem;display:flex;overflow-y:auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.logo-text{letter-spacing:-.5px;background:linear-gradient(to right, #fff, var(--accent-neon));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.sidebar-status{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff0d;border-radius:99px;align-items:center;gap:.5rem;width:fit-content;padding:.5rem 1rem;font-size:.85rem;display:flex}.status-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 10px #10b981}.product-card{border:1px solid var(--glass-border);cursor:pointer;transform-style:preserve-3d;background:#ffffff05;border-radius:16px;margin-bottom:1rem;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.product-card-content{transform:translateZ(20px)}.product-title{margin-bottom:.25rem;font-size:1.05rem;font-weight:500}.product-desc{color:var(--text-secondary);font-size:.85rem}.product-image-placeholder{background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid #ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:.75rem;display:flex}.chat-main{flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.chat-header{border-bottom:1px solid var(--glass-border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.chat-title{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:600}.chat-messages{flex-direction:column;flex:1;gap:1.5rem;padding:1.5rem;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.message-wrapper{max-width:80%;display:flex}.message-wrapper.user{align-self:flex-end}.message-wrapper.ai{align-self:flex-start}.message-bubble{border-radius:18px;padding:1rem 1.25rem;font-size:.95rem;line-height:1.5;box-shadow:0 4px 15px #0000001a}.message-wrapper.user .message-bubble{background:linear-gradient(135deg, var(--accent-blue), #2563eb);color:#fff;border-bottom-right-radius:4px}.message-wrapper.ai .message-bubble{border:1px solid var(--glass-border);color:var(--text-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-bottom-left-radius:4px}.chat-input-container{background:0 0;padding:1.5rem}.input-capsule{-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#0f111a99;border-radius:999px;align-items:center;padding:.5rem .5rem .5rem 1.5rem;transition:border-color .3s,box-shadow .3s;display:flex;box-shadow:0 10px 40px #00000080}.input-capsule:focus-within{border-color:#06b6d480;box-shadow:0 0 20px #06b6d433,0 10px 40px #00000080}.chat-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.chat-input::placeholder{color:var(--text-secondary)}.send-button{background:var(--accent-neon);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;box-shadow:0 0 15px #06b6d466}.send-button:hover{background:#0891b2;transform:scale(1.05);box-shadow:0 0 25px #06b6d4cc}.send-button:active{transform:scale(.95)}.typing-indicator{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border-radius:18px 18px 18px 4px;align-items:center;gap:6px;width:fit-content;padding:1rem 1.25rem;display:flex}.typing-dot{background-color:var(--text-secondary);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;background-color:var(--accent-neon);transform:scale(1.2)}}.product-image-container{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;height:180px;margin-bottom:1rem;display:flex;position:relative;overflow:hidden}.product-image{object-fit:cover;width:100%;height:100%}.ai-image-fallback{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.fallback-glow{background:var(--accent-neon);filter:blur(60px);opacity:.15;z-index:0;width:100px;height:100px;position:absolute}.fallback-text{letter-spacing:2px;text-transform:uppercase;color:var(--accent-neon);opacity:.8;z-index:1;font-size:.8rem;font-weight:600}.scanline{background:linear-gradient(to right, transparent, var(--accent-neon), transparent);opacity:.3;z-index:1;width:100%;height:2px;animation:3s linear infinite scan;position:absolute;top:0;left:0}@keyframes scan{0%{transform:translateY(-20px)}to{transform:translateY(200px)}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-neon}@keyframes pulse-neon{0%,to{opacity:1;filter:drop-shadow(0 0 5px var(--accent-neon));transform:scale(1)}50%{opacity:.7;filter:drop-shadow(0 0 15px var(--accent-neon));transform:scale(1.1)}}@media (width<=768px){.app-container{flex-direction:column}.sidebar{flex-shrink:0;width:100%;height:auto;min-height:200px}}.hero-empty-state{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;max-width:600px;display:flex}.hero-icon-wrapper{background:#06b6d41a;border:1px solid #06b6d44d;border-radius:50%;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 0 30px #06b6d44d,inset 0 0 15px #06b6d433}.hero-title{background:linear-gradient(135deg,#e2e8f0,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.hero-subtitle{color:var(--text-secondary);margin-bottom:2.5rem;font-size:1.1rem;line-height:1.6}.suggested-questions{flex-direction:column;gap:1rem;width:100%;display:flex}.suggestion-chip{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:all .2s;display:flex}.suggestion-chip:hover{background:#ffffff1a;border-color:#06b6d466}.suggestion-chip span{color:var(--text-primary);font-weight:500}