:root{--blue: #3350A2;--blue-dark: #1C3B82;--blue-light: #718FD3;--blue-pale: #EEF1FA;--cream: #F5F4F0;--off-white: #F0EFE9;--white: #FFFFFF;--black: #111118;--gray-100: #F7F7F8;--gray-200: #EBEBED;--gray-300: #D0D0D5;--gray-400: #A0A0AA;--gray-500: #6B6B78;--gray-700: #3A3A45;--yellow: #FFFF00;--red: #E53935;--green: #2E7D32;--font-primary: "Poppins", sans-serif;--font-body: "Work Sans", sans-serif;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.04);--transition-fast: .15s ease;--transition-base: .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#fff}body{font-family:var(--font-body);background:#fff;color:var(--black);-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{height:100%}button{border:none;background:none;cursor:pointer;font-family:inherit;outline:none;transition:all var(--transition-fast)}input,textarea{font-family:inherit}a{text-decoration:none;color:inherit}*{scrollbar-width:thin;scrollbar-color:var(--gray-200) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:3px}.genie-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--white);z-index:100;display:flex;color:var(--black);font-family:var(--font-body)}.genie-container{display:flex;width:100%;height:100%}.genie-sidebar{width:260px;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;transition:width .25s ease}.genie-sidebar.closed{width:0;border-right:none}.sidebar-content{display:flex;flex-direction:column;height:100%}.new-chat-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1rem;padding:.6rem;background:var(--blue);border-radius:var(--radius-lg);font-family:var(--font-primary);font-weight:600;font-size:.85rem;color:var(--white);cursor:pointer;border:none;transition:background var(--transition-fast)}.new-chat-btn:hover{background:var(--blue-dark)}.history-section{flex:1;overflow-y:auto;padding:0 1rem}.history-label{font-family:var(--font-primary);font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-400);padding:0 .25rem;margin-bottom:.5rem}.history-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);font-size:.82rem;font-family:var(--font-body);color:var(--gray-700);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item:hover{background:var(--gray-100)}.history-item.active{background:var(--blue-pale);color:var(--blue)}.sidebar-footer{padding:1rem;border-top:1px solid var(--gray-200)}.user-profile{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--radius-md)}.user-avatar{width:36px;height:36px;border-radius:50%;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:700;font-size:.9rem;flex-shrink:0}.user-info{display:flex;flex-direction:column}.user-name{font-family:var(--font-primary);font-weight:600;font-size:.85rem;color:var(--black)}.user-status{font-family:var(--font-body);font-size:.75rem;color:var(--blue);font-weight:500}.genie-main{flex:1;display:flex;flex-direction:column;height:100%;background:var(--white);overflow:hidden}.genie-header{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid var(--gray-200);flex-shrink:0}.header-left{display:flex;align-items:center;gap:.75rem}.model-selector{display:flex;align-items:center;gap:.4rem;padding:.4rem .85rem;background:var(--blue-pale);border-radius:var(--radius-full);font-family:var(--font-primary);font-weight:600;font-size:.82rem;color:var(--blue);cursor:pointer;border:none;transition:background var(--transition-fast)}.model-selector:hover{background:#dde5f6}.icon-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.icon-btn:hover{background:var(--gray-100);color:var(--black)}.close-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:background var(--transition-fast)}.close-btn:hover{background:var(--gray-100);color:var(--black)}.chat-area{flex:1;overflow-y:auto;padding:2rem 1.5rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;text-align:center}.genie-logo-large{width:64px;height:64px;border-radius:var(--radius-xl);background:var(--blue);display:flex;align-items:center;justify-content:center;color:var(--white);margin-bottom:.5rem}.empty-state h2{font-family:var(--font-primary);font-weight:700;font-size:1.4rem;color:var(--black);letter-spacing:-.02em;margin-bottom:.25rem}.suggestion-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.5rem;max-width:400px;width:100%}.suggestion-card{padding:.75rem 1rem;background:var(--cream);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);font-family:var(--font-body);font-size:.85rem;color:var(--gray-700);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),background var(--transition-fast)}.suggestion-card:hover{border-color:var(--blue);background:var(--blue-pale);color:var(--blue)}.messages-list{max-width:720px;margin:0 auto;width:100%}.message-wrapper{display:flex;gap:.75rem;margin-bottom:1.5rem}.message-wrapper.user{flex-direction:row-reverse}.message-content-container{display:flex;gap:.75rem;width:100%}.message-wrapper.user .message-content-container{flex-direction:row-reverse}.avatar{width:32px;height:32px;border-radius:50%;background:var(--blue);display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.user-initial{width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:700;font-size:.75rem;flex-shrink:0}.message-body{flex:1;display:flex;flex-direction:column}.message-wrapper.user .message-body{align-items:flex-end}.role-name{font-family:var(--font-primary);font-weight:600;font-size:.78rem;color:var(--gray-500);margin-bottom:.3rem}.content{font-family:var(--font-body);font-size:.92rem;color:var(--black);line-height:1.65;background:var(--cream);border-radius:var(--radius-lg);padding:.75rem 1rem;white-space:pre-wrap;word-break:break-word}.message-wrapper.user .content{background:var(--blue);color:var(--white)}.typing-indicator{display:flex;gap:4px;align-items:center;padding:.5rem 0}.typing-indicator span{width:8px;height:8px;border-radius:50%;background:var(--blue-light);display:inline-block;animation:blink 1.2s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.genie-input-footer{padding:1rem 1.5rem;border-top:1px solid var(--gray-200);background:var(--white);flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:.5rem}.input-container{display:flex;align-items:flex-end;gap:.5rem;background:var(--cream);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);padding:.5rem .5rem .5rem 1rem;transition:border-color var(--transition-fast)}.input-container:focus-within{border-color:var(--blue)}.input-container textarea{flex:1;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-body);font-size:.92rem;color:var(--black);line-height:1.5;padding:.4rem 0;max-height:150px;overflow:auto}.input-container textarea::placeholder{color:var(--gray-400)}.attach-btn{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--gray-400);cursor:pointer;flex-shrink:0;transition:color var(--transition-fast)}.attach-btn:hover{color:var(--gray-700)}.send-btn{width:36px;height:36px;border-radius:var(--radius-lg);background:var(--gray-200);display:flex;align-items:center;justify-content:center;color:var(--gray-400);border:none;cursor:not-allowed;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.send-btn.active{background:var(--blue);color:var(--white);cursor:pointer}.send-btn.active:hover{background:var(--blue-dark)}.disclaimer{font-family:var(--font-body);font-size:.72rem;color:var(--gray-400);text-align:center}@media(max-width:768px){.genie-sidebar{position:absolute;height:100%;z-index:200;box-shadow:var(--shadow-lg)}.suggestion-grid{grid-template-columns:1fr}}.app-container{min-height:100vh;display:flex;flex-direction:column;background:#fff}.app-container.tool-active{height:100vh;overflow:hidden}.gradient-bg{display:none}.content{flex:1;display:flex;flex-direction:column}.login-view{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:100vh;background:var(--blue);position:relative;overflow:hidden}.login-bg-circle-1{position:absolute;width:500px;height:500px;border-radius:50%;background:#ffff0014;top:-200px;right:-100px;pointer-events:none}.login-bg-circle-2{position:absolute;width:300px;height:300px;border-radius:50%;background:#ffffff0f;bottom:-100px;left:-80px;pointer-events:none}.login-card{width:100%;max-width:420px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:2.5rem;position:relative;z-index:1}.login-logo{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.login-logo-img{height:36px;width:auto}.login-card h1{font-family:var(--font-primary);font-size:1.6rem;font-weight:700;color:var(--black);margin-bottom:.35rem;letter-spacing:-.02em;background:none;-webkit-text-fill-color:unset}.login-card p.login-sub{color:var(--gray-500);font-size:.95rem;margin-bottom:2rem;font-family:var(--font-body)}.error-container{display:flex;align-items:center;gap:.5rem;background:#fee2e2;border:1px solid #FECACA;border-radius:var(--radius-md);padding:.75rem 1rem;margin-bottom:1.25rem}.error-text{font-family:var(--font-body);font-size:.85rem;color:#dc2626;margin:0}.google-login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1.25rem;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-lg);font-family:var(--font-primary);font-weight:600;font-size:.95rem;color:var(--black);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.google-login-button:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm);transform:none}.google-login-button:disabled{opacity:.7;cursor:not-allowed}.google-icon{width:18px;height:18px}.login-policy{margin-top:1.5rem;text-align:center;font-family:var(--font-body);font-size:.75rem;color:var(--gray-400)}.portal-view{width:100%;display:flex;flex-direction:column;min-height:100vh;background:#fff}.portal-topbar{background:var(--blue);border-bottom:none;padding:0 2rem;height:64px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;box-shadow:0 2px 12px #3350a240}.topbar-left{display:flex;align-items:center;gap:1rem}.topbar-logo{height:32px;width:auto}.topbar-divider{width:1px;height:24px;background:#ffffff40}.topbar-title{font-family:var(--font-primary);font-weight:600;font-size:1rem;color:#fff;letter-spacing:-.01em}.topbar-right{display:flex;align-items:center;gap:.75rem}.user-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem .4rem .45rem;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-family:var(--font-primary);font-size:.82rem;font-weight:500;color:#fff}.user-avatar-sm{width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--black);display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-weight:700;font-size:.75rem;flex-shrink:0}.icon-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-md);background:#ffffff14;cursor:pointer;color:#fff;transition:background var(--transition-fast),border-color var(--transition-fast)}.icon-btn:hover{background:#ffffff2e;border-color:#ffffff80;color:#fff}.logout-button{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.25);border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:500;font-size:.82rem;color:#fff;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.logout-button:hover{background:#fff3;border-color:#ffffff80;color:#fff}.portal-content{flex:1;padding:2.5rem 2rem;max-width:1140px;width:100%;margin:0 auto}.portal-greeting{margin-bottom:2rem;padding-left:1rem;border-left:4px solid var(--yellow)}.portal-greeting h1{font-family:var(--font-primary);font-weight:700;font-size:1.6rem;color:var(--black);letter-spacing:-.02em;margin-bottom:.3rem;background:none;-webkit-text-fill-color:unset}.portal-greeting p{font-family:var(--font-body);color:var(--gray-500);font-size:.95rem}.section-label{font-family:var(--font-primary);font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-label:before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;background:var(--yellow);flex-shrink:0}.section-container{margin-bottom:2.5rem}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.25rem}.tool-card{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);padding:1.75rem 2rem;display:flex;align-items:center;gap:1.25rem;cursor:pointer;min-height:110px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative;overflow:hidden}.glass-card.tool-card{backdrop-filter:none;-webkit-backdrop-filter:none}.tool-card:hover:not(.locked){border-color:var(--blue);box-shadow:0 0 0 3px #3350a214,inset 3px 0 0 var(--yellow);transform:translateY(-2px)}.tool-card.locked{opacity:.5;cursor:not-allowed;filter:none}.icon-wrapper{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--blue-pale);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-wrapper.production,.icon-wrapper.testing{background:var(--blue-pale);color:var(--blue)}.icon-wrapper.locked{background:var(--gray-100);color:var(--gray-400)}.tool-content{display:flex;align-items:center;gap:1rem;flex:1;min-width:0}.tool-info{flex:1;min-width:0}.tool-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.tool-header h3{font-family:var(--font-primary);font-weight:600;font-size:1.05rem;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tool-info p{font-family:var(--font-body);font-size:.88rem;color:var(--gray-500);line-height:1.45;margin-top:.2rem}.badge-row{display:flex;gap:.4rem;flex-shrink:0}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.68rem;font-family:var(--font-primary);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.badge.production{background:var(--blue-pale);color:var(--blue)}.badge.secure{background:#fff176;color:#5c4a00;border:1px solid #F9E04B}.badge.testing{background:#fff3cd;color:#856404}.badge.locked{background:var(--gray-200);color:var(--gray-500)}.arrow-icon{color:var(--gray-300);flex-shrink:0;transition:color var(--transition-fast),transform var(--transition-fast)}.tool-card:hover:not(.locked) .arrow-icon{color:var(--blue);transform:translate(3px)}.redirecting-view,.lead-registration-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;gap:1rem;max-width:500px;margin:4rem auto;background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.glass-card.redirecting-view,.glass-card.lead-registration-view{backdrop-filter:none;-webkit-backdrop-filter:none}.redirecting-view h3,.lead-registration-view h2{font-family:var(--font-primary);font-size:1.4rem;font-weight:700;color:var(--black);-webkit-text-fill-color:unset;background:none}.redirecting-view p,.lead-registration-view p{color:var(--gray-500);font-size:.9rem;max-width:380px}.loading-spinner{color:var(--blue);margin-bottom:.5rem}.redirect-url-debug{font-size:.75rem;color:var(--gray-400);word-break:break-all}.redirect-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-redirect-btn{padding:.6rem 1.2rem;border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:.85rem;font-weight:500;color:var(--gray-700);background:var(--cream);cursor:pointer;transition:border-color var(--transition-fast)}.cancel-redirect-btn:hover{border-color:var(--blue);color:var(--blue)}.logout-button.secondary{background:transparent;border:1.5px solid #FECACA;color:var(--red)}.logout-button.secondary:hover{background:#fef2f2;border-color:var(--red)}.login-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--blue);color:var(--white);border-radius:var(--radius-lg);font-family:var(--font-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:background var(--transition-fast);border:none;width:100%}.login-button:hover{background:var(--blue-dark);transform:none;box-shadow:none}.active-tool-view{display:flex;flex-direction:column;width:100%;height:100vh}.tool-back-bar{background:var(--white);border-bottom:1px solid var(--gray-200);padding:0 1.5rem;height:56px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);flex-shrink:0}.back-home-button{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:var(--cream);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:500;font-size:.82rem;color:var(--gray-700);cursor:pointer;transition:border-color var(--transition-fast)}.back-home-button:hover{border-color:var(--blue);color:var(--blue);transform:none}.active-tool-title h2{font-family:var(--font-primary);font-weight:600;font-size:.95rem;color:var(--black);margin:0}.tool-content-frame{flex:1;width:100%;background:var(--white);position:relative;overflow:hidden}.tool-iframe{width:100%;height:100%;border:none;background:#fff}.app-footer{background:var(--white);border-top:1px solid var(--gray-200);padding:1rem 2rem;text-align:center;font-family:var(--font-body);font-size:.78rem;color:var(--gray-400)}.app-footer p{color:var(--gray-400);font-size:.78rem}.admin-toggle-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,0,.5);border-radius:var(--radius-md);background:#ffff001a;cursor:pointer;color:#ff0;transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.admin-toggle-btn:hover{border-color:#ff0;color:#ff0;background:#ff03}.portal-header{display:none}.roles-list{color:var(--blue);font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}@media(max-width:640px){.portal-topbar{padding:0 1rem}.portal-content{padding:1.5rem 1rem}.tools-grid{grid-template-columns:1fr}.tool-content-frame{height:70vh}.topbar-title{display:none}}