@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--bg-primary:#f1f5f9;--bg-secondary:rgba(255,255,255,0.25);--bg-card:rgba(255,255,255,0.45);--border-color:rgba(255,255,255,0.5);--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--accent-blue:#0284c7;--accent-pink:#db2777;--accent-orange:#ea580c;--accent-purple:#7c3aed;--success:#16a34a;--warning:#ca8a04;--danger:#dc2626;--font-sans:"Plus Jakarta Sans","Outfit",-apple-system,BlinkMacSystemFont,sans-serif;--sidebar-width:280px;--chat-width:400px;--transition-smooth:all 0.4s cubic-bezier(0.16,1,0.3,1);--glass-blur:blur(25px) saturate(180%);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.05),inset 0 1px 0 0 rgba(255,255,255,0.4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;position:relative;background:linear-gradient(135deg,#dbeafe,#e0e7ff 35%,#e0f2fe 70%,#cffafe);background-attachment:fixed}body:before{top:-10%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(186,230,253,.6) 0,rgba(224,231,255,.3) 60%,transparent 80%);filter:blur(80px);animation:floatSlow 20s infinite alternate}body:after,body:before{content:"";position:fixed;right:-5%;z-index:-2;pointer-events:none}body:after{bottom:-10%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(147,197,253,.55) 0,rgba(196,181,253,.35) 50%,transparent 80%);filter:blur(90px);animation:floatSlow 25s infinite alternate-reverse}@keyframes floatSlow{0%{transform:translateY(0) scale(1)}to{transform:translateY(30px) scale(1.03)}}.app-container{display:flex;min-height:100vh;position:relative}.app-container:before{content:"";position:fixed;top:25%;left:-15%;width:55vw;height:55vw;background:radial-gradient(circle,rgba(251,207,232,.5) 0,rgba(233,213,255,.3) 50%,transparent 80%);filter:blur(100px);z-index:-2;pointer-events:none}.sidebar{width:var(--sidebar-width);background:rgba(255,255,255,.15);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:2.5rem 1.75rem;height:100vh;position:fixed;left:0;top:0;z-index:100}.logo-container{gap:.85rem;margin-top:-1.4rem;margin-bottom:3rem;padding-left:.5rem}.logo-container,.logo-icon{display:flex;align-items:center}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(255,255,255,.2));border:1px solid rgba(255,255,255,.65);border-radius:12px;justify-content:center;box-shadow:0 4px 20px rgba(0,0,0,.02)}.logo-icon,.logo-text{color:var(--text-primary)}.logo-text{font-size:1.6rem;font-weight:800;letter-spacing:-.75px}.logo-accent{background:linear-gradient(135deg,#475569 30%,#0f172a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-img{width:100%;max-width:190px;height:auto;display:block}.nav-links{display:flex;flex-direction:column;gap:.65rem;list-style:none}.nav-button{width:100%;display:flex;align-items:center;gap:1.1rem;padding:.9rem 1.35rem;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-family:var(--font-sans);font-size:.95rem;font-weight:600;cursor:pointer;border-radius:16px;text-align:left}.nav-button,.nav-button svg{transition:var(--transition-smooth)}.nav-button svg{width:20px;height:20px;stroke:var(--text-secondary)}.nav-button:hover{color:var(--text-primary);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.35)}.nav-button.active{color:var(--text-primary);background:rgba(255,255,255,.45);border-color:rgba(255,255,255,.65);box-shadow:var(--glass-shadow)}.nav-button.active svg{stroke:var(--text-primary)}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:1.25rem}.lang-selector{display:flex;background:rgba(255,255,255,.2);border:1px solid var(--border-color);padding:4px;border-radius:12px}.lang-btn{flex:1 1;background:transparent;border:none;color:var(--text-muted);padding:.6rem;font-family:var(--font-sans);font-weight:700;font-size:.8rem;cursor:pointer;border-radius:8px;transition:var(--transition-smooth)}.lang-btn.active{color:var(--text-primary);background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.6);box-shadow:var(--glass-shadow)}.workspace{margin-left:var(--sidebar-width);margin-right:var(--chat-width);flex:1 1;padding:3rem 4rem;min-height:100vh;position:relative;z-index:1}.chat-panel{width:var(--chat-width);background:rgba(255,255,255,.15);border-left:1px solid var(--border-color);height:100vh;position:fixed;right:0;top:0;display:flex;flex-direction:column;z-index:100}.card,.chat-panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:24px;padding:1.75rem;box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:var(--transition-smooth)}.card:hover{background:rgba(255,255,255,.55);border-color:rgba(255,255,255,.8);transform:translateY(-2px)}h1,h2,h3,h4{font-weight:700;letter-spacing:-.03em;color:var(--text-primary)}h1{font-size:2.25rem;line-height:1.2}h2{font-size:1.6rem;line-height:1.3}h3{font-size:1.2rem}p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.settings-tabs{display:flex;background:rgba(255,255,255,.3);border:1px solid var(--border-color);border-radius:16px;padding:5px;width:-moz-fit-content;width:fit-content}.settings-tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:.75rem 1.5rem;font-family:var(--font-sans);font-weight:600;font-size:.9rem;cursor:pointer;border-radius:12px;transition:var(--transition-smooth)}.settings-tab-btn.active{color:var(--text-primary);background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);box-shadow:var(--glass-shadow)}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:2.5rem}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{display:flex;flex-direction:column;justify-content:flex-start;padding:1.5rem}.metric-label{color:var(--text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;line-height:1.2;min-height:2.4em}.metric-value{font-size:2.2rem;font-weight:800;color:var(--text-primary);margin:.5rem 0;letter-spacing:-.04em}.metric-change{font-size:.85rem;font-weight:700;display:inline-flex;align-items:center;gap:.25rem;width:-moz-fit-content;width:fit-content;padding:.2rem .55rem;border-radius:8px;background:rgba(255,255,255,.3)}.metric-change.positive{color:var(--success)}.metric-change.negative{color:var(--danger)}.chart-card{grid-column:span 4}.chat-header{padding:1.75rem;border-bottom:1px solid var(--border-color);flex-direction:column}.chat-header,.chat-header h3{display:flex;align-items:center;gap:.5rem}.chat-header h3{margin-bottom:0}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.sim{background-color:var(--warning);box-shadow:0 0 10px var(--warning)}.status-dot.prod{background-color:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue)}.chat-messages{flex:1 1;padding:1.75rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem;scrollbar-width:thin}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.05);border-radius:10px}.chat-bubble{max-width:85%;padding:1.1rem 1.25rem;border-radius:20px;font-size:.925rem;line-height:1.5;animation:slideIn .35s cubic-bezier(.16,1,.3,1);word-break:break-word;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.chat-bubble.assistant{background:rgba(255,255,255,.45);border:1px solid var(--border-color);color:var(--text-primary);align-self:flex-start;border-bottom-left-radius:4px;box-shadow:var(--glass-shadow)}.chat-bubble.user{background:rgba(255,255,255,.75);border:1px solid rgba(255,255,255,.9);color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:4px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05),var(--glass-shadow)}.chat-bubble p{color:inherit;margin-bottom:.5rem}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble code{background-color:rgba(0,0,0,.05);padding:2px 5px;border-radius:6px;font-family:monospace;font-size:.85rem;color:var(--text-primary)}.chat-bubble ol,.chat-bubble ul{margin-left:1.25rem;margin-bottom:.5rem}.guardrail-card{background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.05);border-radius:16px;padding:1.1rem;margin-top:1rem;box-shadow:var(--glass-shadow)}.guardrail-header{color:var(--text-primary);font-weight:700;font-size:.85rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:.35rem}.guardrail-header:before{content:"✦";color:var(--accent-blue);font-size:1rem}.guardrail-details{background-color:rgba(255,255,255,.5);border:1px solid rgba(0,0,0,.05);padding:.85rem;border-radius:10px;font-family:monospace;font-size:.825rem;margin-bottom:.85rem;white-space:pre-wrap;color:var(--text-primary)}.guardrail-actions{display:flex;gap:.5rem}.btn{padding:.65rem 1.25rem;border-radius:14px;border:1px solid transparent;font-family:var(--font-sans);font-weight:600;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition-smooth)}.btn-primary{background:rgba(255,255,255,.6);border-color:rgba(255,255,255,.9);color:var(--text-primary);box-shadow:var(--glass-shadow)}.btn-primary:hover{background:rgba(255,255,255,.8);border-color:#fff;transform:translateY(-1px)}.btn-secondary{background:rgba(255,255,255,.2);border-color:var(--border-color);color:var(--text-secondary)}.btn-secondary:hover{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.6);color:var(--text-primary)}.btn-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3);color:var(--danger)}.btn-danger:hover{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.45)}.chat-input-container{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;gap:.75rem;align-items:center}.chat-input-wrapper{flex:1 1;position:relative;display:flex;align-items:center}.chat-input{width:100%;background-color:rgba(255,255,255,.3);border:1px solid var(--border-color);color:var(--text-primary);padding:.95rem 2.85rem .95rem 1.25rem;border-radius:16px;font-family:var(--font-sans);font-size:.95rem;transition:var(--transition-smooth)}.chat-input:focus{outline:none;border-color:rgba(255,255,255,.6);background-color:rgba(255,255,255,.45);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.15),0 0 15px rgba(255,255,255,.05)}.mic-btn{position:absolute;right:12px;background:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.mic-btn:hover{background-color:rgba(255,255,255,.3);transform:scale(1.05)}.mic-btn.listening{animation:micPulse 1.5s infinite;background-color:rgba(239,68,68,.1)}@keyframes micPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.15)}70%{transform:scale(1.08);box-shadow:0 0 0 10px rgba(239,68,68,0)}to{transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0)}}.send-btn{background:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.6);color:var(--text-primary);width:46px;height:46px;border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--glass-shadow)}.send-btn:hover{background:rgba(255,255,255,.65);border-color:rgba(255,255,255,.85);transform:translateY(-1px)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.table-container{overflow-x:auto;margin-top:1.5rem;border-radius:18px;border:1px solid var(--border-color);background:rgba(255,255,255,.15)}.premium-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.premium-table th{background-color:rgba(255,255,255,.35);color:var(--text-secondary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.premium-table td,.premium-table th{padding:1.1rem 1.35rem;border-bottom:1px solid var(--border-color)}.premium-table td{color:var(--text-primary)}.premium-table tbody tr:hover{background-color:rgba(255,255,255,.25)}.premium-table tbody tr:last-child td{border-bottom:none}.form-group{margin-bottom:1.35rem;display:flex;flex-direction:column;gap:.45rem}.form-group label{color:var(--text-secondary);font-weight:600;font-size:.875rem}.form-control{background-color:rgba(255,255,255,.35);border:1px solid var(--border-color);color:var(--text-primary);padding:.85rem 1.1rem;border-radius:14px;font-family:var(--font-sans);font-size:.95rem;transition:var(--transition-smooth)}.form-control:focus{outline:none;border-color:rgba(0,0,0,.15);box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.15),0 0 10px rgba(0,0,0,.02)}textarea.form-control{resize:vertical;min-height:110px}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.listing-gallery{display:flex;gap:.75rem;margin-top:1rem;overflow-x:auto;padding-bottom:.5rem}.gallery-image-wrapper{width:85px;height:85px;border-radius:14px;border:1px solid var(--border-color);overflow:hidden;position:relative;background-color:rgba(255,255,255,.3);flex-shrink:0;transition:var(--transition-smooth)}.gallery-image-wrapper img{width:100%;height:100%;object-fit:cover}.guide-container{display:flex;flex-direction:column;gap:1.25rem;margin-top:1.5rem}.guide-step-card{background-color:rgba(255,255,255,.2);border:1px solid var(--border-color);border-radius:18px;padding:1.35rem;box-shadow:inset 0 1px 1px 0 rgba(255,255,255,.1)}.guide-step-title{color:var(--text-primary);font-weight:700;font-size:1.05rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.guide-step-title:before{content:"✦";color:var(--accent-blue)}.guide-step-desc{font-size:.9rem;line-height:1.55;color:var(--text-secondary);margin-bottom:0}.glow-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.05) 50%,transparent);margin:1.5rem 0}@media (max-width:992px){.sidebar{width:80px;padding:2rem .5rem}.lang-selector,.logo-text,.nav-button span{display:none}.nav-button{justify-content:center;padding:.9rem;border-radius:12px}.workspace{margin-left:80px}}