:root{--primary-color: #3B82F6;--secondary-color: #8B5CF6;--success-color: #10B981;--warning-color: #F59E0B;--error-color: #EF4444;--bg-color: #F9FAFB;--text-color: #1F2937;--border-color: #E5E7EB}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.app{height:100vh;display:flex;flex-direction:column}.header{height:60px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:100}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{width:250px;background:#fff;border-right:1px solid var(--border-color);transition:transform .3s ease}.sidebar.closed{transform:translate(-100%);width:0}.main-content{flex:1;background:var(--bg-color);overflow:auto}.chat-interface{height:100%;display:flex;flex-direction:column}.ai-agent-interface{height:100%;display:flex;flex-direction:column;padding:20px}.messages-container{flex:1;overflow-y:auto;padding:20px;margin-bottom:20px}.message{margin-bottom:20px;max-width:80%}.message.user{margin-left:auto}.message-content{padding:12px 16px;border-radius:12px;background:#fff;border:1px solid var(--border-color)}.input-area{border-top:1px solid var(--border-color);padding:20px;background:#fff}.btn{padding:8px 16px;border:1px solid var(--border-color);border-radius:6px;background:#fff;cursor:pointer;transition:all .2s}.btn:hover{background:var(--bg-color)}.btn-primary{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.btn-primary:hover{opacity:.9}input,textarea,select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px}textarea{resize:vertical;min-height:80px}.canvas-workspace{height:100%;display:flex;background:#f8f9fa}.canvas-main{flex:1;display:flex;flex-direction:column}.canvas-container{flex:1;position:relative;overflow:hidden}.document-library{padding:20px}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.document-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s}.document-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #3b82f61a}.settings{padding:20px}.settings-tabs{display:flex;border-bottom:1px solid var(--border-color);margin-bottom:20px}.tab{padding:12px 20px;border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.dark{--bg-color: #111827;--text-color: #F9FAFB;--border-color: #374151}.dark .header,.dark .sidebar,.dark .message-content,.dark .document-card,.dark input,.dark textarea,.dark select{background:#1f2937;border-color:#374151}.dark .btn{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .btn:hover{background:#4b5563}@media (max-width: 768px){.sidebar{position:absolute;left:0;top:0;height:100%;z-index:50}.documents-grid{grid-template-columns:1fr}}html,body{height:100%;margin:0;padding:0}#root{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading{opacity:.6;pointer-events:none}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}