body,html,#root{margin:0;height:100%;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:#121212;color:#eee;display:flex;flex-direction:column;overflow:hidden}.app-container{display:flex;flex-direction:row;height:100vh;width:100vw;overflow:hidden;background:transparent}.main-panel{flex:2;display:flex;flex-direction:column;background:#1e1e1e;padding:1rem;overflow:hidden}.chat-panel{flex:1;display:flex;flex-direction:column;background:#222;border-left:1px solid #444;overflow:hidden}.main-panel canvas{width:100%!important;height:100%!important;display:block}.crear-hoja-form{display:flex;gap:.5rem;margin-bottom:1rem}.crear-hoja-form input,.crear-hoja-form select,.crear-hoja-form button{font-size:1rem;border-radius:5px;border:none;outline:none}.crear-hoja-form input,.crear-hoja-form select{flex:1;padding:.5rem .8rem;background:#2c2c2c;color:#fff;transition:background .3s}.crear-hoja-form input::placeholder{color:#bbb}.crear-hoja-form input:focus,.crear-hoja-form select:focus{background:#3d3d3d}.crear-hoja-form button{background:#388e3c;color:#fff;font-weight:600;padding:0 1rem;cursor:pointer;transition:background .3s}.crear-hoja-form button:hover{background:#2c6a28}.error-msg{color:#d32f2f;font-size:.9rem;margin-top:.3rem}.exito-msg{color:#4caf50;font-size:.9rem;margin-top:.3rem}.chat-tabs{display:flex;background:#111;border-bottom:1px solid #444;overflow-x:auto;gap:.5rem;padding:.5rem;scrollbar-width:thin}.chat-tab{padding:.4rem .8rem;cursor:pointer;color:#bbb;font-weight:600;border-radius:6px;display:flex;align-items:center;justify-content:space-between;min-width:110px;max-width:180px;background:#333;transition:background .2s;-webkit-user-select:none;user-select:none}.chat-tab.active,.chat-tab:hover{background:#388e3c;color:#fff}.close-btn{background:transparent;border:none;color:#bbb;cursor:pointer;font-size:1.2rem;line-height:1;padding:0 .2rem}.close-btn:hover{color:#f44336}.chat-active,.chat-nodo-mensajes{flex:1;overflow-y:auto;padding:1rem;scroll-behavior:smooth}.chat-placeholder,.chat-nodo-mensajes>div:first-child{flex:1;display:flex;justify-content:center;align-items:center;color:#777;font-style:italic;text-align:center}.chat-nodo-mensaje{background:#e0e0e0;padding:.6rem .8rem;margin-bottom:.5rem;border-radius:12px;word-wrap:break-word;font-size:.9rem;position:relative;box-shadow:1px 1px 4px #0000000d}.chat-nodo-mensaje-timestamp{font-size:.7rem;color:#555;text-align:right;margin-top:.2rem;font-family:monospace;-webkit-user-select:none;user-select:none}.nodo-fecha{font-size:.75rem;color:#aaa;margin-top:4px}.chat-nodo-form{display:flex;padding:.5rem;background:transparent;border-top:1px solid #ddd;border-radius:0 0 5px 5px}.chat-nodo-input{flex:1;border:1px solid #ccc;border-radius:20px;padding:.5rem 1rem;font-size:1rem;outline:none;transition:border-color .3s ease}.chat-nodo-input:focus{border-color:#1565c0;box-shadow:0 0 6px #1565c0aa}.chat-nodo-button{margin-left:.5rem;background-color:#1565c0;color:#fff;border:none;border-radius:20px;padding:0 1rem;font-weight:600;cursor:pointer;transition:background-color .3s ease}.chat-nodo-button:hover{background-color:#0d3c7d}.chat-nodo-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.chat-nodo-header{display:flex;max-width:100vh;gap:.5rem;-webkit-user-select:none;user-select:none;color:#fff;font-weight:700;font-size:1.1rem}.chat-nodo-header span{font-size:1.4rem}.chat-nodo-container{margin:0 auto;display:flex;flex-direction:column;height:100%;width:100%;align-items:center;font-family:Arial,sans-serif}.chat-nodo-mensajes::-webkit-scrollbar{width:8px}.chat-nodo-mensajes::-webkit-scrollbar-thumb{background:#388e3c;border-radius:4px}.chat-nodo-mensajes::-webkit-scrollbar-track{background:#121212}nav{height:50px;background:#222;color:#eee;display:flex;align-items:center;justify-content:space-between;padding:0 20px;font-weight:600;border-top:1px solid #444;box-shadow:0 -2px 5px #00000080}@media (max-width: 768px){.app-container{flex-direction:column}.main-panel,.chat-panel{flex:none;width:100%;height:50vh;padding:.5rem}.main-panel{order:2}.chat-panel{order:1;border-left:none;border-bottom:1px solid #444}.crear-hoja-form{flex-direction:column;gap:.5rem}.crear-hoja-form input,.crear-hoja-form select,.crear-hoja-form button{width:100%;font-size:1rem}.chat-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}.chat-tab{flex:none;font-size:.85rem;padding:.3rem .6rem}.chat-nodo-mensaje{font-size:.85rem;padding:.3rem .5rem}.chat-nodo-input,.chat-nodo-button{font-size:.9rem;padding:6px 10px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutSlide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fadeOutDown{animation:fadeOutDown .5s forwards}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes flotar{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}