@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;700&family=Roboto:wght@300;400;500&display=swap";:root{--background-color: #FFFFFF;--text-color: #000000 !important;--text-color-black: #000000 !important;--primary-accent-color: #000000 !important;--secondary-text-color: #000000 !important;--button-text-color: #FFFFFF;--panel-background-color: #FFFFFF;--border-color: #DCDCDC;--header-footer-bg: #f0f2f5;--hover-button-bg-color: #333333;--error-color: #e74c3c;--whatsapp-outgoing-bg: #DCF8C6;--whatsapp-incoming-bg: #FFFFFF;--whatsapp-chat-background: #E5DDD5;--whatsapp-text-color: #000000 !important;--whatsapp-meta-text-color: rgba(0, 0, 0, .6);--whatsapp-link-color: #0000EE !important;--whatsapp-send-button-bg: #005E54;--whatsapp-send-button-hover-bg: #004C43;--font-family-main: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}body{font-family:var(--font-family-main);background-color:var(--background-color);color:var(--text-color);font-size:16px;line-height:1.6;overflow-y:auto}.app-container{display:flex;flex-direction:column;height:100%;width:100%}.app-header-navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background-color:var(--panel-background-color);border-bottom:1px solid var(--border-color);flex-shrink:0}.navbar-brand a{color:#00008b!important;font-size:1.75rem;font-weight:700;text-decoration:none}.navbar-links{display:flex;gap:1.5rem}.navbar-links a{text-decoration:none;color:var(--secondary-text-color);font-size:1rem;padding:.25rem .5rem;border-radius:4px;transition:color .2s ease,background-color .2s ease}.navbar-links a:hover,.navbar-links a.active{color:#00008b!important;background-color:#eef2f7}.main-content-area{flex-grow:1;display:flex;overflow:hidden;background-color:var(--background-color)}.chat-dashboard-page{display:flex;flex-grow:1;width:100%;height:100%;overflow:hidden}.side-chatbox{flex:0 0 320px;height:100%;padding:1.5rem;background-color:var(--panel-background-color);border-right:1px solid var(--border-color);overflow-y:auto;color:var(--text-color);display:flex;flex-direction:column}.side-chatbox h3{color:#00008b!important;font-size:1.15rem;margin-bottom:1rem;font-weight:600}.side-chatbox p,.side-chatbox li{font-size:.9rem;color:var(--secondary-text-color);margin-bottom:.75rem}.side-chatbox ul{list-style-position:inside;padding-left:.5rem;margin-bottom:1.5rem}.side-chatbox>p:last-child{margin-top:auto;padding-top:1rem;font-size:.8rem;color:var(--secondary-text-color)}.main-chat-panel{flex-grow:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:var(--whatsapp-chat-background)}.main-chat-panel-header{padding:10px 16px;background-color:var(--header-footer-bg);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:15px;flex-shrink:0}.main-chat-panel-header h1{font-size:1.25rem;color:var(--text-color-black);font-weight:500;margin:0}.main-chat-panel-header .tagline{font-size:.8rem;color:var(--secondary-text-color);margin-left:0}.chat-history{flex-grow:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column}.message-row{display:flex;margin-bottom:3px;width:100%}.message-row.message-user{justify-content:flex-end}.message-row.message-ai,.message-row.message-error{justify-content:flex-start}.sender-label{font-size:.8rem;font-weight:700;margin-bottom:4px;display:block}.chat-message.user .sender-label,.chat-message.ai .sender-label{color:#000!important}.chat-message.loading-indicator .sender-label{color:#000!important;font-weight:700;margin-bottom:4px}.sender-label{font-size:.75rem;color:var(--secondary-text-color);margin-bottom:2px;display:block}.message-row.user-row .sender-label{text-align:right;margin-right:5px}.message-row.ai-row .sender-label,.message-row.error-row .sender-label{text-align:left;margin-left:5px}.chat-message{padding:7px 12px;border-radius:7.5px;max-width:75%;word-wrap:break-word;line-height:1.4;box-shadow:0 1px 1px #0000001a;position:relative;font-size:.9rem;margin-bottom:8px}.chat-message.user{background-color:var(--whatsapp-outgoing-bg);color:#000002!important}.chat-message.user p{color:#000003!important}.chat-message.user div:not(.sender-label){color:#000004!important}.chat-message.user span:not(.timestamp){color:#000005!important}.chat-message.user>*:not(.sender-label):not(.timestamp):not(a):not(pre):not(code){color:#000006!important}.chat-message.user .sender-label{color:#000!important;font-weight:700;margin-bottom:4px;display:block}.chat-message.user a{color:var(--whatsapp-link-color)!important;text-decoration:underline!important}.chat-message.user pre{background-color:#f0f0f0!important;color:#333!important;padding:.6rem!important;border-radius:4px!important;overflow-x:auto!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:.85em!important;margin:.5em 0!important;border:1px solid #ddd!important}.chat-message.user code:not(pre>code){background-color:#e0e0e0!important;color:#333!important;padding:.2em .4em!important;border-radius:3px!important;font-size:.85em!important}.chat-message.ai{background-color:var(--whatsapp-incoming-bg);color:var(--whatsapp-text-color)!important}.chat-message.error-message{background-color:#ffebee;color:#c0392b!important;border:1px solid #c0392b}.chat-message.error-message p{color:#c0392b!important}.chat-message.user:after{content:"";position:absolute;bottom:0;right:-6px;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent var(--whatsapp-outgoing-bg) transparent}.chat-message.ai:after{content:"";position:absolute;bottom:0;left:-6px;width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent var(--whatsapp-incoming-bg) transparent transparent}.chat-message.error-message:after{display:none}.timestamp{font-size:.7rem;color:var(--whatsapp-meta-text-color);text-align:right;margin-top:4px;display:block;clear:both}.chat-message.ai p,.chat-message.ai div,.chat-message.ai span,.chat-message.ai strong,.chat-message.ai em{color:inherit!important}.chat-message.ai ul,.chat-message.ai ol{margin-left:1.2rem;padding-left:.5rem;color:inherit!important}.chat-message.ai li{margin-bottom:.2rem;color:inherit!important}.chat-message.ai pre{background-color:#f0f0f0!important;color:#333!important;padding:.6rem!important;border-radius:4px!important;overflow-x:auto!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:.85em!important;margin:.5em 0!important;border:1px solid #ddd!important}.chat-message.ai code:not(pre>code){background-color:#e0e0e0!important;color:#333!important;padding:.2em .4em!important;border-radius:3px!important;font-size:.85em!important}.chat-message.ai blockquote{border-left:3px solid #00008B!important;margin:.5em 0 .5em .5em!important;padding-left:.8em!important;color:var(--text-color)!important;font-style:italic!important}.chat-message.ai a{color:var(--whatsapp-link-color)!important;text-decoration:underline!important}chat-message.ai table{width:auto;border-collapse:collapse;margin:1em 0;font-size:.9em;color:#333!important}chat-message.ai th,.chat-message.ai td{border:1px solid #ddd!important;padding:6px 10px!important;color:#333!important}chat-message.ai th{background-color:#f2f2f2!important;font-weight:700}.chat-input-container{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:var(--header-footer-bg);border-top:1px solid var(--border-color);flex-shrink:0;position:relative}.chat-input-container textarea{flex-grow:1;resize:none;min-height:42px;max-height:120px;overflow-y:auto;line-height:1.4;padding:10px 15px;font-size:.95rem;border:1px solid transparent;border-radius:21px;font-family:var(--font-family-main);color:var(--text-color-black)!important;background-color:#fff;box-shadow:0 1px 2px #0000000d;transition:border-color .2s ease,box-shadow .2s ease}.chat-input-container textarea:focus{border-color:var(--primary-accent-color);box-shadow:0 0 0 2px #0064ff1a;outline:none}.chat-input-container textarea::placeholder{color:var(--secondary-text-color);opacity:.8}.chat-input-container button{align-self:flex-end;min-width:44px;padding:10px;font-size:1rem;background-color:var(--whatsapp-send-button-bg);color:var(--button-text-color);border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;justify-content:center;margin-bottom:1px;aspect-ratio:1 / 1}.chat-input-container button.send-button{border-radius:8px;padding:10px 12px;aspect-ratio:auto}.chat-input-container button:hover{background-color:var(--whatsapp-send-button-hover-bg)}.chat-input-container button:disabled{background-color:#b0c4de;cursor:not-allowed}.chat-input-container>button:not(.chatai-input-action-button) svg{width:22px;height:22px;fill:var(--button-text-color)}.message.loading-indicator{font-style:italic;color:var(--secondary-text-color);background-color:var(--whatsapp-incoming-bg)}.page-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box}.page-content p,.page-content div,.page-content span,.page-content li{margin-bottom:1rem;line-height:1.6;color:var(--text-color-black)!important}.page-content strong{color:#000!important}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:1rem}.feature-card{background-color:var(--panel-background-color);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.feature-card h3{color:#00008b!important;margin-top:0;margin-bottom:.75rem;font-size:1.25rem}.feature-card p{font-size:.9rem;line-height:1.5;color:var(--text-color-black)!important}footer{padding:1.5rem 2rem;background-color:var(--header-footer-bg);border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}footer .footer-left,footer .footer-right{display:flex;align-items:center;gap:1rem}footer .footer-left{flex-grow:1}.chat-message p,.chat-message div{color:#333!important;margin-bottom:5px}.chat-message.ai p,.chat-message.ai div{color:#333!important}.chat-message.user p,.chat-message.user div{color:#fff!important}.chat-message.ai.error-message p{color:#d8000c!important;background-color:#ffd2d2!important}@media (max-width: 768px){.main-chat-panel-header{padding:8px 12px}.main-chat-panel-header h1{font-size:1.1rem}.main-chat-panel-header .tagline{display:none}.message{max-width:85%;font-size:.85rem}.message-meta{font-size:.65rem}.chat-input-container textarea{min-height:40px;padding:8px 12px;font-size:.9rem}.chat-input-container button{width:40px;height:40px}.chat-input-container button svg{width:20px;height:20px}}.message.ai{background-color:var(--whatsapp-incoming-bg);color:var(--whatsapp-text-color)!important;border-bottom-left-radius:7.5px}.message.ai pre,.message.user pre{background-color:#f0f0f0!important;color:#333!important;padding:.5rem!important;border-radius:4px!important;overflow-x:auto!important;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace!important;font-size:.8em!important;margin:.5em 0!important;border:1px solid #ddd!important}.message.ai code:not(pre>code),.message.user code:not(pre>code){background-color:#e0e0e0!important;color:#333!important;padding:.1em .3em!important;border-radius:3px!important;font-size:.8em!important}.message.ai blockquote,.message.user blockquote{border-left:3px solid var(--primary-accent-color)!important;margin:.5em 0 .5em .5em!important;padding-left:.8em!important;color:#555!important;font-style:italic!important}.message.ai ul,.message.ai ol,.message.user ul,.message.user ol{margin-left:1rem!important;padding-left:.5rem!important;color:inherit!important}.message.ai li,.message.user li{margin-bottom:.2rem!important;color:inherit!important}.message.ai a{color:var(--whatsapp-link-color)!important;text-decoration:underline!important}.message.ai p,.message.ai div{color:inherit!important}.context-menu{position:absolute;background-color:#fff!important;border:1px solid #cccccc;box-shadow:0 2px 10px #0000001a;z-index:1000;padding:5px 0;border-radius:5px;min-width:150px}.context-menu ul{list-style:none;padding:0;margin:0}.context-menu ul li{padding:8px 15px!important;cursor:pointer!important;font-size:.9rem!important;color:var(--text-color-black)!important;background-color:#fff!important}.context-menu ul li:hover{background-color:#f0f0f0!important;color:#00008b!important}.chatai-input-action-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;color:var(--primary-accent-color);border:none;border-radius:50%;cursor:pointer;padding:0;margin-right:8px;transition:background-color .2s ease,color .2s ease}.chatai-input-action-button:hover{background-color:#00008b1a;color:var(--hover-button-bg-color)}.chatai-input-action-button svg{fill:currentColor;width:22px;height:22px}.suggestion-mini-screen{position:absolute;bottom:100%;left:0;transform:translateY(-20px);width:300px;max-height:400px;overflow-y:auto;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:15px;z-index:1001;color:var(--text-color, #333)}.suggestion-mini-screen h4{margin-top:0;margin-bottom:10px;font-size:1.1em;color:var(--primary-accent-color, #005f73)}.suggestion-mini-screen ul{list-style:none;padding:0;margin:0 0 10px}.suggestion-mini-screen li{padding:8px 12px;cursor:pointer;border-radius:4px;margin-bottom:5px;font-size:.95em;transition:background-color .2s ease;color:var(--text-color, #333)}.suggestion-mini-screen li:hover{background-color:#f0f0f0}.suggestion-mini-screen p{font-size:.85em;color:var(--secondary-text-color, #555);margin-top:15px;text-align:center}.close-mini-screen{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5em;cursor:pointer;color:var(--secondary-text-color, #777);padding:0;line-height:1}.close-mini-screen:hover{color:var(--text-color, #333)}.features-page{padding:20px;display:flex;flex-direction:column;align-items:center;color:var(--text-color, #333);width:100%;box-sizing:border-box}.features-title{margin-bottom:30px;font-size:2.2em;color:var(--primary-accent-color, #005f73);text-align:center}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;max-width:1200px;width:100%}.feature-card{background-color:#fff;border:1px solid var(--border-color, #e0e0e0);border-radius:8px;padding:25px;text-align:left;box-shadow:0 4px 8px #0000000d;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001a}.feature-icon-container{background-color:var(--primary-accent-color, #005f73);color:var(--button-text-color, #ffffff);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon{font-size:2em}.feature-name{font-size:1.4em;color:var(--primary-accent-color, #005f73);margin-bottom:10px}.feature-description{font-size:.95em;line-height:1.6;color:var(--secondary-text-color, #555)}:root{--primary-bg: #1A1D21;--chat-area-bg: #23272D;--user-message-bg: #36393F;--bot-message-bg-start: #00DAC6;--bot-message-bg-end: #00a093;--text-color: #EAEAEA;--accent-color: #00DAC6;--input-field-bg: #2C2F33;--input-border-color: #3a3d42;--header-font: "Orbitron", sans-serif;--body-font: "Roboto", sans-serif}body{background-color:var(--primary-bg);font-family:var(--body-font);color:var(--text-color);margin:0;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden}#root{width:100%;height:100%;display:flex;justify-content:center;align-items:center}