:root{--color: #FE8330;--hover-color: #FE5F2F;--active-color: #FD3A2D;--font-size: 16px;--font-size-lg: 20px;--font-size-xl: 24px;--margin: 1rem;--padding: 1rem;font-family:sans-serif}.App{display:flex;flex-direction:column;height:100vh;width:100vw}body{margin:0;padding:0}.Main-Header_Button-Container{border-bottom:3px solid transparent;height:100%;display:flex;align-items:center;transition:border-bottom .5s ease-in}.Main-Header_button{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;cursor:pointer;font-size:calc(var(--font-size) * 1.2);padding:0 calc(var(--padding) * 3);color:var(--color);text-shadow:0 4px 12px rgba(0,0,0,.15)}.Main-Header_button:hover{color:var(--hover-color)}.Main-Header_Button-Container.active{border-bottom:3px solid var(--color)}.Main-Header{width:100vw;display:flex;align-items:center;justify-content:space-between;padding:0;margin:0;margin-bottom:var(--margin);box-sizing:border-box;border-bottom:1px solid transparent;box-shadow:0 4px 12px #00000026}.nameApp{padding:0 var(--padding);font-size:2rem;color:var(--color);flex-basis:100%;order:1;text-align:center}nav{order:2;flex-basis:100%;display:flex;justify-content:space-around;margin-top:.5rem;height:auto}.Main-Date{order:3;flex-basis:100%;display:flex;justify-content:center;align-items:center;font-size:calc(var(--font-size) * 1.2);color:var(--color);text-shadow:0 4px 12px rgba(0,0,0,.15);margin-top:.5rem}@media screen and (min-width:768px){.nameApp{flex-basis:10%;text-align:left}nav{flex-basis:70%;height:100%}.Main-Date{flex-basis:20%;font-size:calc(var(--font-size) * 1.5);margin-top:0}.Main-Header{flex-wrap:nowrap}}.sender-wrapper{position:fixed;bottom:1rem;display:flex;align-items:flex-end;gap:.5rem;width:90%;max-width:600px;background-color:var(--color);padding:calc(var(--padding) / 2) calc(var(--padding) / 2);border-radius:80px;justify-content:center;align-items:center;flex:2}.sender-input{flex:1;min-height:1.8rem;max-height:5rem;padding:.4rem .6rem;font-size:.85rem;background-color:transparent;border:none;outline:none;box-shadow:none;overflow-y:auto;resize:none}.sender-input:focus{border-color:var(--color)}.sender-button{width:3.4rem;height:3.4rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background-color:var(--color);overflow:hidden;padding:var(--padding);cursor:pointer}.sender-button img{max-width:100%;max-height:100%;object-fit:contain}.Chat{flex-basis:90%;width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden}.messages-container{display:flex;flex-direction:column;max-width:60%}.message-user{align-self:end;border:3px solid var(--color);border-radius:20px;padding:calc(var(--padding)/2);background-color:var(--color);margin:var(--margin);max-width:40%}.message-assistant{justify-content:center;border:none;background-color:none}.sender-input-container{display:flex;padding-top:8px;justify-content:center;border-top:1px solid #ccc}.messages-container>:last-child{padding-bottom:10rem}.message-assistant table{width:100%;border-collapse:collapse;margin:10px 0;font-family:Arial,sans-serif;font-size:14px}.message-assistant th,.message-assistant td{border:1px solid #ccc;padding:8px 12px;text-align:left}.message-assistant th{background-color:#f0f0f0;font-weight:600}.message-assistant tr:nth-child(2n){background-color:#fafafa}.message-assistant tr:hover{background-color:#f5f5f5}.message-assistant .table-wrapper{overflow-x:auto}@media screen and (min-width:768px){.messages-container{max-width:80%}.message-user{padding:calc(var(--padding)/4);max-width:60%}}
