*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111827,#1f2937);color:#fff;font-family:system-ui,sans-serif}.app-bg{background:inherit;min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;gap:1rem}.chat-container{width:100%;max-width:768px;height:80vh;display:flex;flex-direction:column;background-color:#1e293b;border-radius:.75rem;box-shadow:0 12px 40px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);overflow:hidden;color:#fff}.chat-container>aside{background:linear-gradient(90deg,#4f46e5,#7c3aed);padding:1.25rem;text-align:center}.chat-container>aside h2{color:#fff;font-size:1.75rem;margin-bottom:.75rem}.status-item{display:inline-block;margin:0 .5rem;padding:.5rem 1rem;background:#ffffff1a;border-radius:.5rem;color:#fff;font-size:.875rem;font-weight:600}.messages{flex:1;overflow-y:auto;padding:1.5rem;scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.6) transparent}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#64748b99;border-radius:3px}.chat-bubble{max-width:80%;padding:1rem;margin-bottom:1rem;border-radius:.75rem;line-height:1.5;box-shadow:0 4px 12px #0000004d;color:#fff}.user-bubble{background:linear-gradient(135deg,#5030e5,#6b21a8);margin-left:auto;text-align:right}.agent-bubble{background:#2d3748;margin-right:auto;text-align:left}.typing-indicator{display:flex;justify-content:center;gap:6px;margin-bottom:1rem}.typing-indicator span{width:8px;height:8px;background:#6b21a8;border-radius:50%;animation:bounce .8s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.input-area{display:flex;gap:.5rem;padding:1rem;background:#111827;border-top:1px solid rgba(255,255,255,.1)}.input-area input{flex:1;padding:.75rem 1rem;background:#1f2937;border:1px solid #334155;border-radius:.5rem;color:#fff;font-size:1rem}.input-area input::placeholder{color:#fff9}.input-area button{padding:.75rem 1.25rem;background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:.5rem;color:#fff;font-weight:600;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.input-area button:disabled{opacity:.5;cursor:not-allowed}.input-area button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f180}.weather-widget{min-width:220px;max-width:320px;margin:.5rem 0;border:1px solid #c7d2fe;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 16px #6366f114;transition:box-shadow .2s}.bot-architecture{width:280px;height:80vh;background-color:#0f172a;border-radius:.75rem;padding:1.5rem;overflow-y:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 40px #00000080}.architecture-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.architecture-header h3{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em}.status-dot{width:8px;height:8px;background-color:#10b981;border-radius:50%;box-shadow:0 0 0 2px #10b98133}.memory-section{margin-bottom:2rem}.memory-section h4,.skills-section h4,.task-section h4{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem}.memory-stats{background-color:#1e293b;border-radius:.5rem;padding:1rem;border:1px solid rgba(255,255,255,.05)}.stat-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;font-size:.875rem}.stat-row:last-child{margin-bottom:0}.stat-label{color:#64748b;font-size:.75rem}.stat-value{color:#fff;font-weight:600}.skills-section{margin-bottom:2rem}.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.skill-card{background-color:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:1rem;text-align:center;cursor:pointer;transition:all .2s ease}.skill-card:hover{background-color:#334155;border-color:#4f46e5;transform:translateY(-2px)}.skill-icon{font-size:1.5rem;margin-bottom:.5rem}.skill-name{color:#fff;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.skill-subtitle{color:#64748b;font-size:.75rem}.task-list{margin-bottom:1rem}.task-item{background-color:#1e293b;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;position:relative}.task-id{color:#4f46e5;font-size:.75rem;font-weight:600}.task-name{color:#fff;font-size:.875rem;flex:1}.task-indicator{width:24px;height:3px;border-radius:2px;position:absolute;right:.75rem}.task-indicator.active{background-color:#f59e0b}.task-indicator.processing{background-color:#3b82f6}.task-indicator.complete{background-color:#10b981}.response-time{display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.875rem;margin-top:1rem}.time-value{color:#10b981;font-weight:600}@media (max-width: 1024px){.bot-architecture{display:none}}@media (max-width: 640px){.chat-container{max-width:100%;height:100vh;border-radius:0}}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:1rem}.w-full{width:100%}.w-16{width:4rem}.h-16{height:4rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-md{font-size:1rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.text-white{color:#fff}.text-gray-500{color:#6b7280}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-extrabold{font-weight:800}.uppercase{text-transform:uppercase}.bg-gradient-to-r{background:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6}.to-purple-500{--tw-gradient-to: #a855f7}.placeholder-gray-400::placeholder{color:#9ca3af}.focus\:outline-none:focus{outline:none}.disabled\:opacity-50:disabled{opacity:.5}