:root{--bg: #42046d;--btn: #4F38E0;--btn-hover: #6854E8;--btn-text: #F7F9FC}body{margin:0;background-color:var(--bg);color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;padding:16px 32px;background-color:var(--bg)}.app-logo{height:30px}.main-content{flex:1;padding:32px 16px;max-width:900px;margin:0 auto}.card{background:#fff;border-radius:16px;padding:24px;color:#000}.button{background-color:var(--btn);color:var(--btn-text);padding:12px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s}.button:hover{background-color:var(--btn-hover)}.button.secondary{background-color:var(--btn);color:var(--btn-text);border:2px solid white}.button.secondary:hover{background-color:var(--btn-hover)}.input,.textarea{width:100%;padding:12px;border-radius:8px;border:2px solid #ddd;background:#fff;color:#000;margin-top:4px;box-sizing:border-box}.textarea{min-height:120px}.chat-window{border-radius:12px;background:#f3f3f3;padding:16px;max-height:400px;overflow-y:auto;margin-bottom:16px}.chat-message{margin-bottom:10px}.chat-bubble{display:inline-block;padding:10px 14px;border-radius:16px;max-width:80%}.chat-message.user .chat-bubble{background:#dcd3ff;color:#000}.chat-message.ai .chat-bubble{background:#ececec;color:#000}.table{width:100%;border-collapse:collapse;margin-top:12px}.table th,.table td{padding:8px 10px;border-bottom:1px solid #eee;text-align:left;font-size:.9rem}.table th{font-weight:600;color:#555}.table tbody tr:hover{background:#f7f7ff}.button.small{padding:6px 10px;font-size:.8rem}.typing-indicator{opacity:.8;font-style:italic}.typing-indicator .dot-1,.typing-indicator .dot-2,.typing-indicator .dot-3{animation:blink 1.4s infinite both;display:inline-block;margin-left:1px}.typing-indicator .dot-2{animation-delay:.2s}.typing-indicator .dot-3{animation-delay:.4s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}